@charset "utf-8";*{outline:0;padding:0;margin:0;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-break:break-all;
    /* user-select:none; */
}
@font-face{font-family:"HarmonyRegular";src:url(../fonts/HarmonyOS_Sans_SC_Regular.ttf);}
@font-face{font-family:"HarmonyMedium";src:url(../fonts/HarmonyOS_Sans_SC_Medium.ttf);}
@font-face{font-family:"Oswald";src:url(../fonts/Oswald-Regular.ttf);}
:root{font-size:100px;}
.overscroll::-webkit-scrollbar,.selects::-webkit-scrollbar{width:4px;height:1px;}
.overscroll::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);background:#b21e24;}
.overscroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:#f2f2f2;}
.ovf{overflow:hidden;width:100%;height:100%;}
.fl{float:left;}
.fr{float:right;}
.clearfix{zoom:0;}
.relative{position:relative;}
.clearfix:after{content:'';display:block;height:0;clear:both;}
a,a:link,a:visited{color:inherit;text-decoration:none;}
a:hover{color:#b21e24;}
ul,li,ol{list-style-type:none;}
img{max-width:100%;max-height:100%;vertical-align:middle;outline:none;border:none;}
.nobg{background:none !important;}
.wow,.wow2{animation-duration:1s !important;animation-timing-function:ease-in-out;}
.dis_mb{display:none;}
@media(max-width:1024px){.dis_pc{display:none;}
.dis_mb{display:block;}
}
.w1440{max-width:3840px;margin-left:auto;margin-right:auto;width:82%;position: relative; z-index: 10;}
body{width:100%;font-family:"HarmonyRegular";background:#fff;color:#000;overflow-x:hidden;font-size:0.14rem;}
.flex{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items:center;}
.f48{font-size:0.48rem;}
.f32{font-size: 0.32rem;}
.header{position:fixed;left:0;top:0;width:100%;z-index:999;color:#fff;background-color: #fff;}
.header .inner{padding:0 60px;}
.logo{width:180px;height:80px;font-size:0;line-height:80px;}
.logo img{max-height:100%;}
.menu{position:relative;top:0;opacity:1;transition:linear .3s;}
.menu li{margin:0 0.25rem;position: relative;}
.menu li a{display:block;line-height:80px;font-size:0.18rem;}
.menu li>a {
    color: #b21e24;
}
.tool .i .icon .iconfont,
.lan span,
.lan:after {
    color: #333;
}

.menu .sub_nav{
    position: absolute;
    top: 100%;
    left: 50%;
    text-align: center;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    background-color: #fff;
    width: 180%;
    display: none;
}
.menu li .sub_nav a,
.subtop .menu li .sub_nav a{
    font-size: .15rem;
    line-height: .3rem;
    color: #333;
}

.subtop .menu li .sub_nav a:hover,
.menu li .sub_nav a:hover{
    background-color: #b21e24;
    color: #fff;
}

.tool .i{position:relative;margin-right:24px;cursor:pointer;}
.tool .i .icon{width:30px;line-height:30px;cursor:pointer;text-align:center;font-size:0;}
.tool .i .icon .iconfont{font-size:24px;vertical-align:middle;}
.searchbox{position:absolute;right:0;top:50%;margin-top:-20px;overflow:hidden;width:0;transition:linear .3s;}
.header.showSearch .searchbox{width:600px;}
.header.showSearch .menu{top:-150px;opacity:0;}
.searchbox input{width:100%;height:40px;border:none;background:#fff;padding:0 10px;color:#333;}
.searchbox .sbtn{position:absolute;width:50px;line-height:50px;right:0;top:50%;margin-top:-25px;text-align:center;cursor:pointer;}
.searchbox .sbtn .iconfont{font-size:24px;color:#333;vertical-align:middle;}
.lan{white-space:nowrap;position:relative;padding-right:20px;line-height:40px;}
.lan .iconfont{font-size:20px;margin-right:5px;vertical-align:middle;display:inline-block;color:#b21e24;}
.lan span{display:inline-block;vertical-align:middle;}
.lan:after{content:"\e70b";font-family:"iconfont";position:absolute;font-size:12px;right:0;top:50%;line-height:20px;margin-top:-8px;transform:rotate(90deg) scale(0.8);}
.drop{position:absolute;left:0;top:100%;min-width:100%;background:#fff;color:#333;padding:0 20px;max-height:0;overflow:hidden;transition:.3s;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:5px;text-align:center;}
.drop a{display:block;line-height:30px;text-align:center;white-space:nowrap;}
.tool .i:hover .drop{max-height:90px;}
.banner{height:100%;}
.banner .swiper-container{height:100%;}
.banner video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:5;}
.banner .img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:4;background-repeat: no-repeat;background-size: contain;}
.banner .txt{position:absolute;left:0;top:50%;width:100%;z-index:6;text-align:center;color:#fff;transform:translate(0,-50%);}
.banner .txt .t2{margin-top:20px;font-size:0.24rem;}
.banner .txt .baseBtn{margin-top:0.6rem;}
.baseBtn .btn{display:inline-block;border:1px solid #fff;font-size:0.16rem;padding:0 20px;line-height:45px;border-radius:24px;white-space:nowrap;transition:linear .3s;}
.baseBtn .btn .iconfont{font-size:12px;margin-left:10px;display:inline-block;vertical-align:middle;}
.baseBtn .btn span{display:inline-block;vertical-align:middle;}
.baseBtn .btn:hover{background:#b21e24;border-color:#b21e24;color:#fff;}
.openMenu{width:46px;height:267px;position:absolute;right:0;top:0;z-index:20;background:url(../images/menubg.png) no-repeat right top;background-size:contain; display: none;}
.openMenu .icon{position:absolute;width:20px;height:20px;right:13px;top:52px;cursor:pointer;}
.openMenu .icon i{position:absolute;left:0;top:0;height:2px;background:#fff;width:100%;}
.openMenu .icon i:before{content:"";position:absolute;right:0;top:6px;width:80%;height:100%;background:#fff;}
.openMenu .icon i:after{content:"";position:absolute;right:0;top:12px;width:60%;height:100%;background:#fff;}
.mask{position:absolute;z-index:5;left:0;top:0;width:100%;height: 100%; background: rgba(0,0,0,0.2);}
.mouse{position:absolute;z-index:10;left:50%;bottom:35px;width:80px;text-align:center;color:#fff;margin-left: -40px;}
.mouse .icon{margin:20px auto 0;width:14px;height:19px;background:url(../images/scroll.png) no-repeat center;background-size:contain;position:relative;animation:mouse ease-in-out 3s infinite;}
@keyframes mouse{0%{top:-10px;}
50%{top:0;}
100%{top:-10px;}
}
.sectionIn{justify-content:center;height:100%;background-size:cover;background-position:center;position: relative;}
.index2{text-align:center;color:#fff;}
.index2 .tit2{font-size:0.24rem;margin-top:0.5rem;}
.index2 .tit2 b{font-size:0.48rem;font-family:"Oswald";font-weight:normal;padding-left:5px;}
.index2 .txt{font-size:0.24rem;line-height:1.8;margin-top:0.4rem;}
.brands{justify-content:center;color:#fff;align-items:flex-start;}
.brands .item{flex:0 0 auto;width:35%;text-align:center;}
.brands{ position: relative;}
.brands::after{ content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.4);}
/* .brands .item:nth-child(2n){border:none;} */
.brands .item .icon{height:1.5rem;line-height:1.5rem;margin-bottom:30px;}
.brands .item .icon img{max-height:100%;}
.brands .item .p{font-size:0.24rem;margin-bottom:0.4rem;}
.index3{color:#fff;text-align:center;}
.index3 .tit{margin:0 auto 10%;max-width:21em;}
.data{justify-content:center;font-size:0.18rem;}
.data .i{padding:0 0.45rem;text-align:center;}
.data .i .it{font-size:0.48rem;}
.data .i .num{font-size:0.6rem;font-family:"Oswald";}
.index4{align-items:stretch;height:100%;background:#59857b;}
.index4 .item{width:50%;flex:0 0 auto;position:relative;z-index:2;}
.index4 .item .img{position:absolute;left:0;top:0;width:107%;height:100%;z-index:-1;background-position:right center;background-size:100% 100%;}
.index4 .item:nth-child(2n) .img{background-position:left center;left:auto;right:0;width:110%;}
.index4 .item .txt{padding:1rem;height:100%;color:#fff;}
.index4 .item .txt .tit2{font-size:0.2rem;margin-top:10px;}
.index4 .item .txt .p{margin-top:0.6rem;line-height:1.6;font-size:0.18rem;}
.index4 .item .txt .baseBtn{margin-top:1rem;}
.index4 .item .txt .in{max-width:460px;}
.index4 .item:nth-child(2n) .txt{justify-content:flex-end;text-align:right;}
.news{color:#fff;}
.news .tit{text-align:center;padding:0 2em;}
.slide4{margin-top:0.9rem;position:relative;}
.swiperCtr .btn{position:absolute;top:50%;line-height:40px;width:40px;text-align:center;margin-top:-20px;z-index:10;cursor:pointer;}
.swiperCtr .btn.prev{left:-70px;}
.swiperCtr .btn.next{right:-70px;}
.swiperCtr .btn:hover{color:#b21e24;}
.news .item{position:relative;z-index:10;display:block;background:rgba(255,255,255,0.21);border-right:1px solid #909394;}
.news .item .img{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:-1;transition:.3s;opacity:0;}
.news .item .txt{padding:45px 40px;color:#fff;}
.news .item .tag{font-size:0.16rem;padding:0 18px;border:1px solid #fff;line-height:34px;border-radius:20px;display:inline-block;margin-bottom:30px;}
.news .item .it{font-size:0.2rem;text-align:left;line-height:1.8;height:3.6em;overflow:hidden;}
.news .item .date{font-size:0.16rem;margin-top:1.1rem;}
.news .item:hover .img{opacity:1;}
.swiperDots{text-align:center;margin-top:0.5rem;}
.swiperDots span{opacity:1;background:none;border:2px solid #9a9a9a;margin:0 12px;}
.swiperDots span.swiper-pagination-bullet-active{border-color:#b21e24;}
.footer{padding:0.7rem 0 0.8rem;background:url(../images/fbg.png) no-repeat top center;background-size:cover;}
.ftop{margin-bottom:0.7rem;}
.flogo .img{flex:0 0 auto;}
.flogo{align-items:flex-end;}
.flogo .tit{padding-bottom:16px;padding-left:20px;font-size:0.3rem;line-height:1;}
.ftel{font-size:0.22rem;line-height:30px;padding-left:30px;background:url(../images/icon-tel.png) no-repeat left center;font-family:"Oswald";}
.fnav{align-items:flex-start;}
.fnav dl{padding:0 0.5rem;line-height:1.875;font-size:0.16rem;color:#666;}
.fnav dl dt{font-size:0.18rem;color:#000;margin-bottom:10px;}
.fbot{padding-top:40px;margin-top:40px;border-top:1px solid #f5f5f5;font-size:0.16rem;color:#666;line-height:1.875;}
.share{font-size:0;white-space:nowrap;}
.share .i{display:inline-block;vertical-align:middle;margin-right:10px;position:relative;cursor:pointer;transition:.3s;}
.share .i:last-child{margin-right:0;}
.share .i:hover{color:#000;}
.share .i .icon-weixin{font-size:24px;}
.share .i .icon-xinlangweibo{font-size:18px;}
.share .i .icon-qq{font-size:18px;}
.share .i .icon-xhs{font-size:12px;}
.share .i .ipop{position:absolute;left:50%;bottom:100%;width:110px;padding:5px;background:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.15);margin-left:-55px;display:none;z-index:10;}
.share .i .ipop:after{content:"";position:absolute;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;left:50%;margin-left:-6px;top:100%;}
.share .i:hover .ipop{display:block;}
.banner .fup{position:relative;opacity:0;top:100px;transition:1.2s;transition-delay:.3s;}
.banner .fup:nth-child(2){transition-delay:.4s;}
.banner .fup:nth-child(3){transition-delay:.5s;}
.banner .swiper-slide-active .fup{top:0;opacity:1;}
.fp-tableCell .sectionIn .fup{position:relative;opacity:0;top:100px;transition:1.2s;}
.fp-completely .fp-tableCell .sectionIn .fup{top:0;opacity:1;}
.fp-tableCell .sectionIn .fup:nth-child(2){transition-delay:.1s;}
.fp-tableCell .sectionIn .fup:nth-child(3){transition-delay:.2s;}
.fp-tableCell .sectionIn .fup:nth-child(4){transition-delay:.3s;}
.fp-tableCell .flef{position:relative;left:-100px;opacity:0;transition:1.2s;}
.fp-tableCell .frig{position:relative;left:100px;opacity:0;transition:1.2s;}
.fp-tableCell .flef .flef{transition-delay:.3s;}
.fp-tableCell .frig .frig{transition-delay:.3s;}
.fp-completely .fp-tableCell .flef,.fp-completely .fp-tableCell .frig{left:0;opacity:1;}
@media(max-width:1600px){.swiperCtr .btn.prev{left:-40px;}
.swiperCtr .btn.next{right:-40px;}
}
@media(max-width:1480px){:root{font-size:80px;font-size:6vw;}
body{font-size:14px;}
.f48{font-size:0.42rem;}
.f32{font-size: 0.36rem;}
.slide4{padding:0 60px;}
.swiperCtr .btn.prev{left:10px;}
.swiperCtr .btn.next{right:10px;}
}
@media(max-width:1280px){
.menu li a{font-size:15px;line-height:80px;}
.menu li{margin:0 16px;}
.logo{width:auto;line-height:80px;height:80px;}
.header .inner{padding:0 50px 0 2%;}
.openMenu{ display: block;}
.openMenu .icon{top:43px;}
.menu .sub_nav {
    position: static;
    width: 100%;
    transform: unset;
    text-align: left;
}

.menu li .sub_nav a,
.subtop .menu li .sub_nav a {
    font-size: 14px;
    line-height: .6rem;
    color: #b21e24;
}
.menu li.nav.cur>a{
    display: inline-block;
}

}
@media(max-width:1024px){
    .w1440{ width: 92%;}
    .banner .img{position:relative;height:auto;padding-bottom:65%;}
.mouse{display:none;}
.header{background:#fff;color:#333;}
.menu{position:fixed;left:0;top:60px;background:#fff;width:100%;border-top:1px solid #f1f1f1;padding:0 0;max-height:0;overflow:hidden;opacity:0;transition:0s;}
.logo{height:60px;line-height:60px;}
.logo img{max-height:80%;}
.menu ul.flex{display:block;}
.menu li a{line-height:44px;}
.menu li .sub_nav a{
    border-top: 1px solid #f1f1f1;
}
.menu li .sub_nav a, .subtop .menu li .sub_nav a{
    font-size: 12px;
}

 .menu li>a{display: inline-block;} 
.menu li{
    border-bottom:1px solid #f1f1f1;
}
.menu li>a{line-height: 35px;}
.menu li{margin:0 15px;}
.openMenu{background:none;height:100%;}
.openMenu .icon{top:25px;right:20px;}
.openMenu .icon i{background:#b21e24;}
.openMenu .icon i:before,.openMenu .icon i:after{background:#b21e24;}
.header.showMenu .menu{padding:20px 0;opacity:1;max-height:100vh;transition:linear .3s;}
.sectionIn{padding:60px 0;min-height:60vh;}
body{padding-top:60px;}
}
@media(max-width:768px){.tool .i{margin-right:10px;}
.tool .i .icon .iconfont{font-size:20px;}
.lan .iconfont{font-size:18px;}
.searchbox{position:fixed;left:0;top:-70px;margin:0;width:100%;opacity:0;padding:5px;background:rgba(255,255,255,0.7);}
.header.showSearch .searchbox{width:100%;top:60px;opacity:1;}
.searchbox input{height:30px;}
.searchbox .sbtn .iconfont{font-size:18px;}
:root{font-size:50px;}
.baseBtn .btn{line-height:30px;}
.brands{flex-wrap:wrap;}
.brands .item{width:100%;margin-bottom:50px;border:none;}
.brands .item:last-child{margin-bottom:0;}
.data{flex-wrap:wrap;}
.data .i{width:50%;padding:30px;}
.index4{flex-wrap:wrap;}
.index4 .item{width:100%;}
.index4 .item .txt,.index4 .item:nth-child(2n) .txt{text-align:center;display:block;}
.index4 .item .img{width:100% !important;}
.fnav{display:none;}
.ftop{display:block;margin-bottom:20px;text-align:center;}
.flogo{justify-content:center;margin-bottom:20px;}
.flogo .img{height:60px;}
.ftel{font-size:18px;display:inline-block;}
.fnav dl{font-size:14px;margin-bottom:10px;}
.fnav dl dt{font-size:16px;}
.fnav dl dd{display:inline-block;margin-right:14px;}
.fbot{padding-top:20px;margin-top:20px;}
.fbot .flex{display:block;text-align:center;}
.footer{padding:40px 0 20px;}
.slide4{padding:0 30px;}
.swiperCtr .btn.prev{left:0;}
.swiperCtr .btn.next{right:0;}
.swiperCtr .btn{width:30px;}
.banner .img{padding-bottom:130%;}
.news .item .txt{padding:30px 20px;}
.news .item .it{font-size:14px;}
.news .item .img{opacity:1;}
.news .item .tag{font-size:12px;line-height:2;padding:0 10px;}
}


/* 2023.9.14 */
/* 弹窗 */
.videoMask {
    position: fixed;
    z-index: 999;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
  }
  
  .videoMask .videoBox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    max-width: 94%;
  }
  
  .videoMask .videoBox video {
    width: 100%;
  }
  
  .videoMask .videoBox .close {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 10px;
    z-index: 10;
    cursor: pointer;
    padding-top: 2%;
  }
  
  .videoMask .videoBox .close:before,
  .videoMask .videoBox .close:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    border-bottom: 1px solid #fff;
  }
  
  .videoMask .videoBox .close:before {
    transform: rotate(45deg);
  }
  
  .videoMask .videoBox .close:after {
    transform: rotate(-45deg);
  }
  
  .video_click{
    cursor: pointer;
  }
  @media (max-width: 680px){
    .videoMask .videoBox{
        width: 80%;
    }
    .brands::after{ display: none;}
  }

.base_more{
    width: 150px;
    line-height: 45px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    display: block;
    text-align: center;
    background-color: #b21e24;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.base_more .span{
    position: relative;
    color: #fff;
    padding-right: .3rem;
    font-size: .16rem;
    display: inline-block;
}
.base_more .span::before{
    content: '';
    display: block;
    position: absolute;
    top: 41%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: 0;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
@media(max-width:1366px){
    .base_more{
        width: 100px;
        line-height: 30px;
    }
    .base_more .span{
        padding-right: .2rem;
        font-size: 12px;
    }
    .base_more .span::before{
        top: 37%;
    }
}
@media(max-width:1024px){
    .base_more{
        width: 80px;
        line-height: 25px;
    }
    .base_more .span{
        padding-right: .2rem;
        font-size: 12px;
    }
    .base_more .span::before{
        top: 37%;
    }
}
/* pager */
.Pages{
    text-align: center;
}
.Pages .p_page{
    display: flex;
    justify-content: center;
}
.Pages .p_page a{
    width: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    display: inline-block;
    font-style: initial;
    margin: 0 7px;
    font-size: 18px;
    color: #000000;
}
.Pages .p_page .num a{
    background-color: #fff;
}
.Pages .p_page .a_prev{
    margin-right: .4rem;
}
.Pages .p_page .a_next{
    margin-left: .4rem;
}
.Pages .p_page .a_prev,
.Pages .p_page .a_next{
    background-color: #f8f9fb;
    border: 1px solid #eaeaea;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    width: 120px;
}
.Pages .p_page .a_prev:hover,
.Pages .p_page .a_next:hover{
    background-color: #b21e24;
    border-color: #b21e24;
}
.Pages .p_page a.a_cur{
    background-color: #b21e24;
    color: #fff;
}
.Pages .p_page a:hover{
    background-color: #b21e24;
    color: #fff;
}
@media (max-width: 1280px){
    .Pages .p_page a{
        width: 40px;
        line-height: 40px;
    }
    .Pages .p_page .a_prev, .Pages .p_page .a_next{
        width: 100px;
        line-height: 40px;
    }
}
@media (max-width: 768px){
    .Pages .p_page a {
        width: 30px;
        line-height: 30px;
        font-size: 14px;
        margin: 0 5px;
    }
    .Pages .num{
        display: none;
    }
    .Pages .p_page .a_prev, .Pages .p_page .a_next {
        width: 80px;
        font-size: 12px;
        line-height: 25px;
    }
}
  
@keyframes topbot {
    0%{
        transform: translate(0,-10px);
        -webkit-transform: translate(0,-10px);
        -moz-transform: translate(0,-10px);
        -ms-transform: translate(0,-10px);
        -o-transform: translate(0,-10px);
    }
    50%{
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
    }
    100%{
        transform: translate(0,-10px);
        -webkit-transform: translate(0,-10px);
        -moz-transform: translate(0,-10px);
        -ms-transform: translate(0,-10px);
        -o-transform: translate(0,-10px);
    }
}
.textbox{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    z-index: 15;
}
.textbox .htit{
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
.textbox .hdesc{
    font-size: 24px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}

@media(max-width:1459px){
    .textbox .htit{
        font-size: 36px;
    }
    .textbox .hdesc{
        font-size: 20px;
    }
}

@media(max-width:1024px){
    .textbox .htit{
        font-size: 20px;
    }
    .textbox .hdesc{
        font-size: 16px;
    }
}

@media(max-width:768px){
    .textbox .htit{
        font-size: 18px;
    }
    .textbox .hdesc{
        font-size: 14px;
    }
}

@media(max-width:640px){
    .textbox .htit{
        font-size: 16px;
    }
    .textbox .hdesc{
        font-size: 12px;
        margin-top: 5px;
    }
}

/* 顶部 */
@media(max-width:1024px){
    .subtop.cur{
        position: fixed;
        top: 0;
        z-index: 999;
    }
}

.subtop .header{
    background-color: #fff;
}
/* .subtop .header{
    color: #b21e24;
} */
.subtop .openMenu{
    display: none;
}
.subtop .tool .i .icon .iconfont,
.subtop .lan span,
.subtop .lan:after{
    color: #333;
}

@media(max-width:1024px){
    .subtop .openMenu{
        display: block;
    }
}
.subtop .menu li a{
    line-height: 80px;
}
.subtop .menu li>a{
    color: #b21e24;
}
.subtop .logo {
    height: 80px;
    line-height: 80px;
}
@media (max-width: 1024px){
    .subtop .menu li a{
        line-height: 35px;
    }
    .subtop .logo {
        height: 60px;
        line-height: 60px;
    }
}
.subtop .menu li a
.menu li.nav.cur a{
    position: relative;
}
.menu li.nav.cur>a::before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #b21e24;
}

/* 2023.11.23 */
/* 走进舒蕾 */
.editor{
    font-size: .2rem;
    color: #333333;
    line-height: 1.8;
}
.white{
    color: #fff;
}
.base_banner{
    position: relative;
}
.base_banner img{
    width: 100%;
}
.base_banner .imgbox{
    position: relative;
}
.base_banner .video_box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.base_banner video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.base_banner .w1440{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    text-align: center;
    z-index: 10;
}
.base_banner .tit{
    line-height: 1.375;
}
.base_banner .ctit{
    font-size: 0.24rem;
    line-height: 1.5;
}
.base_banner .video_btn{
    margin-top: .5rem;
    cursor: pointer;
}
.base_banner .video_btn .iconfont{
    font-size: .70rem;
}
.base_banner .link_more{
    width: 150px;
    line-height: 45px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border: 2px solid #fff;
    display: block;
    margin: .6rem auto 0;
    text-align: center;
}
.base_banner .link_more .span{
    position: relative;
    color: #fff;
    padding-right: .3rem;
    font-size: .16rem;
    display: inline-block;
}
.base_banner .link_more .span::before{
    content: '';
    display: block;
    position: absolute;
    top: 41%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: 0;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
/* .base_banner .link_more:hover{
    border-color: #b21e24;
}
.base_banner .link_more:hover .span{
    color: #b21e24;
}
.base_banner .link_more:hover .span::before{
    border-color: #b21e24;    
} */

.gosl01{
    padding: .80rem 0 1.8rem;
}
.gosl01 .bgmain{
    position: relative;
    text-align: center;
}
.gosl01 .center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 4rem;
}
.gosl01 .yuan{
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 2;
    animation: topbot 3s infinite;
    -webkit-animation: topbot 3s infinite;
}
.gosl01 .yuan.yuan1{
    background-color: #b21e24;
    left: 17%;
    top: 54%;
    width: .18rem;
    height: .18rem;
}
.gosl01 .yuan.yuan2{
    background-color: rgba(178, 30, 36, .09);
    left: 25%;
    top: 28%;
    width: .47rem;
    height: .47rem;
}
.gosl01 .yuan.yuan3{
    background-color: rgba(178, 30, 36, .34);
    left: 31%;
    top: 66%;
    width: .95rem;
    height: .95rem;
}
.gosl01 .yuan.yuan4{
    background-color: rgba(178, 30, 36, .53);
    left: 65%;
    top: 26%;
    width: 1.22rem;
    height: 1.22rem;
}
.gosl01 .yuan.yuan5{
    background-color: #b21e24;
    left: 72%;
    top: 78%;
    width: .34rem;
    height: .34rem;
}
.gosl01 .yuan.yuan6{
    background-color: rgba(178, 30, 36, .07);
    left: 77%;
    top: 16%;
    width: .52rem;
    height: .52rem;
}
.gosl01 .yuan.yuan7{
    background-color: rgba(178, 30, 36, .11);
    left: 85%;
    top: 54%;
    width: .17rem;
    height: .17rem;
}
.gosl01 .main{
    text-align: center;
}
.gosl01 .tit{
    color: #333;
}
.gosl01 .time{
    font-size: .24rem;
    color: #333;
    line-height: 1;
    margin: .8rem 0 .35rem;
}
.gosl01 .time span:first-child{
    padding-left: .15rem;
}
.gosl01 .time span{
    font-size: .48rem;
    color: #000000;
    line-height: .8;
}

.gosl02{
    background-repeat: no-repeat;
    background-size: cover;
    padding: 1.8rem 0 1.55rem;
}
.gosl02 .list1{
    margin-top: .5rem;
}
.list1{
    display: flex;
    align-items: center;
}
.list1 .item{
    width: 23.875%;
    position: relative;
    
}
.list1 .item:not(:nth-child(4n+1)){
    margin-left: 1.5%;
}
.list1 .text{
    position: absolute;
    bottom: .25rem;
    left: .3rem;
    right: .3rem;
    color: #fff;
    z-index: 10;
}
.list1 .icon{
    width: .9rem;
    height: .9rem;
}
.list1 .item:hover .icon img{
    animation: icon-bounce 0.5s alternate;
}
.list1 .tit{
    margin-top: .15rem;
    font-size: .3rem;
    line-height: 2;
}
.list1 .ctit{
    font-size: .18rem;
    line-height: 1.33;
    height: 2.5em;
    overflow: hidden;
}
.list1 .imgbox{
    position: relative;
    padding-bottom: 145%;
}
.list1 .imgbox::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(transparent,#b21e24);
	opacity: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    z-index: 5;
}
.list1 .imgbox::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    z-index: 2;
}
.list1 .imgbox img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.list1 .item:hover .imgbox::before{
    opacity: 1
}

.gosl03{
    background-repeat: no-repeat;
    background-position: center;
    
}
.gosl03 .main{
    position: relative;
    padding-bottom: 9.6rem;
}
.gosl03 .center{
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.gosl03 .center .desc{
    font-size: .2rem;
    color: #333333;
    line-height: 1.8;
    margin: 0.88rem auto 0;
    text-align: center;
}
.gosl03 .item{
    position: absolute;
    animation: topbot 3s infinite;
    -webkit-animation: topbot 3s infinite;
}
.gosl03 .item1{
    left: -4%;
    top: 38%;
    width: 1.5rem;
    height: 1.5rem;
}
.gosl03 .item2{
    left: 8%;
    top: 70%;
    width: 1.10rem;
    height: 1.10rem;
}
.gosl03 .item3{
    left: 85%;
    top: 19%;
    width: 1.5rem;
    height: 1.5rem;
}
.gosl03 .item4{
    left: 94%;
    top: 66%;
    width: 1.5rem;
    height: 1.5rem;
}
.gosl03 .item1::before{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -10%;
    width: .4rem;
    height: .4rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/icon01.png);
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
.gosl03 .item2::before{
    content: '';
    display: block;
    position: absolute;
    bottom: -70%;
    right: -150%;
    width: .4rem;
    height: .4rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/icon01.png);
}
.gosl03 .item3::before{
    content: '';
    display: block;
    position: absolute;
    top: 60%;
    right: -20%;
    width: .3rem;
    height: .3rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/icon01.png);
}
.gosl03 .item4::before{
    content: '';
    display: block;
    position: absolute;
    bottom: -10%;
    left: -60%;
    width: .4rem;
    height: .4rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/icon01.png);
}

.gosl05{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 1.8rem 0;
}
.gosl05 .title{
    font-size: .48rem;
    color: #000000;
}
.gosl05 .main{
    display: flex;
    height: 4.8rem;
    margin-top: .75rem;
    justify-content: space-between;
}
.gosl05 .left{
    width: 43%;
    overflow: hidden;
}
.gosl05 .right{
    width: 50%;
    position: relative;
}
.gosl05 .imgbox{
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}
.nslider{
    height: 100%;
}
.nslider .swiper-container{
    height: 100%;
}
.nslider .item{
    display: flex;
    align-items: flex-end;
}
.nslider .tit{
    font-size: .2rem;
    color: #333333;
}
.nslider .desc{
    font-size: .16rem;
    color: #666666;
}
.nslider .swiper-slide{
    display: flex;
    align-items: center;
    height: .5rem !important;
}
.nslider .swiper-slide-active.swiper-slide{
    height: 1.55rem !important;
}
.nslider .swiper-slide-active .item{
    flex-wrap: wrap;
}
.nslider .swiper-slide-active .item .tit{
    font-size: .32rem;
    color: #b21e24;
    position: relative;
    padding-left:.3rem;
}
.nslider .swiper-slide-active .item .tit::before{
    content: '';
    display: block;
    position: absolute;
    width: .2rem;
    height: 1px;
    background-color: #b21e24;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
.nslider .swiper-slide-active .item .desc{
    font-size: .32rem;
    color: #b21e24;
}
.gosl04{
    padding: 1.8rem 0 1rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.gosl04 .bg_img img{
    width: 100%;
}
.gosl04 .main{
    display: flex;
    justify-content: space-between;
}
.gosl04 .main .left{
    width: 60%;
    position: relative;
}
.gosl04 .left .imgbox{
    overflow: hidden;
    padding-bottom: 4.3rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: relative;
}
.gosl04 .left img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gosl04 .year{
    font-size: .9rem;
    color: #fff;
    position: absolute;
    right: -10%;
    top: 5%;
}
.gosl04 .right{
    width: 28%;
    height: 4.3rem;
}
.gosl04 .psilder,
.gosl04 .psilder .swiper-container{
    height: 100%;
}
.gosl04 .psilder .tit{
    font-size: .36rem;
    color: #ffffff;
}
.gosl04 .psilder .desc{
    font-size: .16rem;
    color: #ffffff;
    line-height: 1.875;
    margin-top: .15rem;
}
.gosl04 .psilder .swiper-slide{
    opacity: .4;
}
.gosl04 .psilder .swiper-slide-active{
    opacity: 1;
}
.gosl04 .year_box{
    margin-top:.7rem;
    position: relative;
}
.gosl04 .bmain{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    z-index: 2;
    width: 100%;
    height: 100%;
}
.gosl04 .bmain .w1440{
    height: 100%;
    padding: 0 11%;
    max-width: unset;
}
.gosl04 .bmain .swiper-container{
    height: 100%;
}
.gosl04 .year_box .swiper-slide{
    position: relative;
}
.gosl04 .year_box .uitem{
    font-size: .24rem;
    color: #fff;
    position: relative;
    display: inline-block;
    padding-top: .18rem;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    opacity: 0;
    transform: translate(180%,0);
    -webkit-transform: translate(180%,0);
    -moz-transform: translate(180%,0);
    -ms-transform: translate(180%,0);
    -o-transform: translate(180%,0);
}
.gosl04 .year_box .uitem.act{
    opacity: 1 !important;
}
.gosl04 .year_box .swiper-slide-active .uitem.act{
    color: #b21e24;
    font-size: .3rem;
    font-weight: bold;
}
.gosl04 .year_box .uitem::before{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}
.gosl04 .year_box .swiper-slide-active .uitem::before{
    background-color: #b21e24;
}
.gosl04 .year_box .act0{
    transform: translate(0,1.06rem);
    -webkit-transform: translate(0,1.06rem);
    -moz-transform: translate(0,1.06rem);
    -ms-transform: translate(0,1.06rem);
    -o-transform: translate(0,1.06rem);
}
.gosl04 .year_box .act1{
    transform: translate(.2rem,1.6rem);
    -webkit-transform: translate(.2rem,1.6rem);
    -moz-transform: translate(.2rem,1.6rem);
    -ms-transform: translate(.2rem,1.6rem);
    -o-transform: translate(.2rem,1.6rem);
}
.gosl04 .year_box .act2{
    transform: translate(0.4rem,1.3rem);
    -webkit-transform: translate(0.4rem,1.3rem);
    -moz-transform: translate(0.4rem,1.3rem);
    -ms-transform: translate(0.4rem,1.3rem);
    -o-transform: translate(0.4rem,1.3rem);
}
.gosl04 .year_box .act3{
    transform: translate(0.8rem,1.52rem);
    -webkit-transform: translate(0.8rem,1.52rem);
    -moz-transform: translate(0.8rem,1.52rem);
    -ms-transform: translate(0.8rem,1.52rem);
    -o-transform: translate(0.8rem,1.52rem);
}
.gosl04 .year_box .act4{
    transform: translate(1.1rem,0.8rem);
    -webkit-transform: translate(1.1rem,0.8rem);
    -moz-transform: translate(1.1rem,0.8rem);
    -ms-transform: translate(1.1rem,0.8rem);
    -o-transform: translate(1.1rem,0.8rem);
}
.gosl04 .year_box .act5{
    transform: translate(1.5rem,1.16rem);
    -webkit-transform: translate(1.5rem,1.16rem);
    -moz-transform: translate(1.5rem,1.16rem);
    -ms-transform: translate(1.5rem,1.16rem);
    -o-transform: translate(1.5rem,1.16rem);
}
.gosl04 .year_box .act6{
    transform: translate(1.6rem,0.7rem);
    -webkit-transform: translate(1.6rem,0.7rem);
    -moz-transform: translate(1.6rem,0.7rem);
    -ms-transform: translate(1.6rem,0.7rem);
    -o-transform: translate(1.6rem,0.7rem);
}


@media(max-width:1480px){
    .gosl04 .bmain .w1440{
        padding: 0 1%;
    }
    .gosl04 .year_box .act0{
        transform: translate(0,1.3rem);
        -webkit-transform: translate(0.5rem,1.05rem);
        -moz-transform: translate(0,1.3rem);
        -ms-transform: translate(0,1.3rem);
        -o-transform: translate(0,1.3rem);
    }
    .gosl04 .year_box .act1{
        transform: translate(.2rem,1.8rem);
        -webkit-transform: translate(.2rem,1.8rem);
        -moz-transform: translate(.2rem,1.8rem);
        -ms-transform: translate(.2rem,1.8rem);
        -o-transform: translate(.2rem,1.8rem);
    }
    .gosl04 .year_box .act2{
        transform: translate(0.4rem,1.25rem);
        -webkit-transform: translate(0.4rem,1.25rem);
        -moz-transform: translate(0.4rem,1.25rem);
        -ms-transform: translate(0.4rem,1.25rem);
        -o-transform: translate(0.4rem,1.25rem);
    }
    .gosl04 .year_box .act3{
        transform: translate(0.8rem,1.35rem);
        -webkit-transform: translate(0.8rem,1.35rem);
        -moz-transform: translate(0.8rem,1.35rem);
        -ms-transform: translate(0.8rem,1.35rem);
        -o-transform: translate(0.8rem,1.35rem);
    }
    .gosl04 .year_box .act4{
        transform: translate(1.1rem,0.55rem);
        -webkit-transform: translate(1.1rem,0.55rem);
        -moz-transform: translate(1.1rem,0.55rem);
        -ms-transform: translate(1.1rem,0.55rem);
        -o-transform: translate(1.1rem,0.55rem);
    }
    .gosl04 .year_box .act5{
        transform: translate(1.5rem,0.8rem);
        -webkit-transform: translate(1.5rem,0.8rem);
        -moz-transform: translate(1.5rem,0.8rem);
        -ms-transform: translate(1.5rem,0.8rem);
        -o-transform: translate(1.5rem,0.8rem);
    }
    .gosl04 .year_box .act6{
        transform: translate(1.6rem,0.7rem);
        -webkit-transform: translate(1.6rem,0.7rem);
        -moz-transform: translate(1.6rem,0.7rem);
        -ms-transform: translate(1.6rem,0.7rem);
        -o-transform: translate(1.6rem,0.7rem);
    }
}
@media(max-width:1459px){
    .base_banner .video_btn .iconfont {
        font-size: .6rem;
    }
    .gosl01 {
        padding: .8rem 0 1.2rem;
    }
    .gosl02 {
        padding: 1rem 0;
    }
    .gosl04 {
        padding: 1rem 0;
    }
    .gosl05 {
        padding: 1rem 0;
    }
    .gosl03 .item1 {
        left: 5%;
    }
    .gosl03 .item4 {
        left: unset;
        right: 5%;
    }
    .gosl03 .item3{
        left: unset;
        right: 5%;
    }
        
    
}
@media(max-width:1024px){
    .gosl04 .year_box .act1 {
        transform: translate(0.2rem,1.6rem);
        -webkit-transform: translate(0.2rem,1.6rem);
        -moz-transform: translate(0.2rem,1.6rem);
        -ms-transform: translate(0.2rem,1.6rem);
        -o-transform: translate(0.2rem,1.6rem);
    }
    .gosl04 .year_box .act2 {
        transform: translate(0.4rem,1rem);
        -webkit-transform: translate(0.4rem,1rem);
        -moz-transform: translate(0.4rem,1rem);
        -ms-transform: translate(0.4rem,1rem);
        -o-transform: translate(0.4rem,1rem);
    }
    .gosl04 .year_box .act3 {
        transform: translate(0.8rem,1.2rem);
        -webkit-transform: translate(0.8rem,1.2rem);
        -moz-transform: translate(0.8rem,1.2rem);
        -ms-transform: translate(0.8rem,1.2rem);
        -o-transform: translate(0.8rem,1.2rem);
    }
    .gosl04 .year_box .act4 {
        transform: translate(1.15rem,0.55rem);
        -webkit-transform: translate(1.15rem,0.55rem);
        -moz-transform: translate(1.15rem,0.55rem);
        -ms-transform: translate(1.15rem,0.55rem);
        -o-transform: translate(1.15rem,0.55rem);
    }
}
@media(max-width:768px){
    
    .base_banner .ctit {
        font-size: 16px;
    }
    
    .base_banner .video_btn .iconfont {
        font-size: 30px;
    }
    
    .gosl01 .time {
        margin: 25px 0 10px;
        font-size: 16px;
    }
    
    .editor {
        font-size: 14px;
    }
    
    
    .gosl01 .time span {
        font-size: 24px;
    }
    
    
    .gosl04 .year {
        font-size: 36px;
    }
    
    .gosl05 .title {
        font-size: 24px;
    }
    
    .nslider .tit {
        font-size: 12px;
    }
    
    .nslider .desc {
        font-size: 12px;
    }
    
    .nslider .swiper-slide-active .item .tit {
        font-size: 16px;
    }
    
    .nslider .swiper-slide-active .item .desc {
        font-size: 16px;
    }
    .gosl05 .main {
        height: auto;
        flex-wrap: wrap;
        margin-top: 15px;
    }
    .gosl05 .left {
        width: 100%;
        height: auto;
    }
    
    .gosl05 .right {
        width: 100%;
        padding-bottom: 85%;
    }
    .nslider .item{
        flex-wrap: wrap;
    }
    .nslider .swiper-slide{
        height: auto !important;
    }
    .gosl04 .year_box .swiper-slide{
        text-align: center;
    }
    .gosl04 .year {
        right: 5%;
    }
    .gosl04 .year_box .uitem{
        padding-top: 15px;
        font-size: 12px;
    }
    .gosl04 .year_box .bg_img {
        opacity: 0;
        height: 30px;
    }
    .gosl04 .year_box .uitem.act {
        transform: unset !important;
    }
    .gosl04 .year_box .uitem{
        transform: unset !important;
        -webkit-transform: unset !important;
        -moz-transform: unset !important;
        -ms-transform: unset !important;
        -o-transform: unset !important;
    }
}
@media(max-width:640px){
    .base_banner .ctit{
        font-size: 12px;
    }
    .gosl01 .yuan {
        zoom: .8;
    }
    .gosl01,.gosl02,.gosl05{
        padding: 20px 0;
    }
    .list1 {
        flex-wrap: wrap;
    }
    .list1 .item {
        width: 49%;
        margin-bottom: 2%;
    }
    .list1 .item:not(:nth-child(4n+1)) {
        margin-left: 0;
    }
    .list1 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    .gosl02 .list1 {
        margin-top: 15px;
    }
    .gosl04 .main {
        flex-wrap: wrap;
    }
    
    .gosl04 .main .left {
        width: 100%;
    }
    .gosl04 .right {
        width: 100%;
        height: auto;
        padding: 15px 0 0;
    }
    .gosl04 .year_box{
        margin-top: 20px;
    }
    .gosl04 .psilder .desc {
        font-size: 12px;
    }
    .gosl04 .psilder .tit {
        font-size: 18px;
    }
    .list1 .tit {
        font-size: 16px;
    }
    .list1 .ctit {
        font-size: 12px;
    }
    .editor{
        font-size: 12px;
    }
    .gosl01 .time span{
        font-size: 18px;
    }
    .gosl01 .time{
        font-size: 14px;
    }
}

/* 员工风采 */
.staff01{
    padding: 1.4rem 0 0;
}
.staff01 .title{
    text-align: center;
}
.staff01 .text_box{
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
    margin-top: .75rem;
    padding: .45rem 0;
    position: relative;
}
.staff01 .l_t{
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
    background-image: url(../images/icon03.png);
    width: .5rem;
    height: .4rem;
    background-size: contain;
    background-repeat: no-repeat;
}
.staff01 .r_t{
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 1;
    background-image: url(../images/icon04.png);
    width: .5rem;
    height: .4rem;
    background-size: contain;
    background-repeat: no-repeat;
}
.staff01 .ctit{
    font-size: .3rem;
    color: #333;
}
.staff01 .cdesc{
    font-size: .2rem;
    color: #333333;
    margin-top: .25rem;
    line-height: 1.8;
}
.staff01 .ge{
    padding: .6rem 0 .8rem;
}
.staff01 .main{
    position: relative;
}
.staff01 .item img{
    width: 100%;
}
.staff01 .swiper-slide::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
}
.staff01 .swiper-slide.swiper-slide-active::before{
    display: none;
}
.staff01 .main_tit{
    text-align: center;
    font-size: .32rem;
    color: #333333;
    margin-top: .4rem;
}
.staff01 .main_link{
    width: 150px;
    line-height: 45px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border: 2px solid #fff;
    display: block;
    margin: .3rem auto 0;
    text-align: center;
    background-color: #b21e24;
}
.staff01 .main_link .span{
    position: relative;
    color: #fff;
    padding-right: .35rem;
    font-size: .16rem;
    display: inline-block;
}
.staff01 .main_link .span::before{
    content: '';
    display: block;
    position: absolute;
    top:41%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: 0;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.base_swiper{
    position: relative;
}
.base_swiper .swiper_btn{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    z-index: 2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
} 
.base_swiper .swiper_btn.prev{
    left: 6.8%;
}
.base_swiper .swiper_btn.next{
    right: 6.8%;
}
.base_swiper .swiper_btn.prev::before{
    content: '';
    display: block;
    position: absolute;
    top: 41%;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(45deg);
    right: 18px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.base_swiper .swiper_btn.next::before{
    content: '';
    display: block;
    position: absolute;
    top: 41%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: 20px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.base_swiper .swiper_btn:hover{
    background-color: #b21e24;
}
.base_swiper .swiper_btn:hover::before{
    border-color: #fff;
}

@media(max-width:1366px){
    .staff01 .main_link{
        width: 100px;
        line-height: 30px;
    }
    .base_banner .link_more{
        width: 100px;
        line-height: 30px;
    }
    .staff01 .main_link .span{
        padding-right: .2rem;
        font-size: 12px;
    }
    .base_banner .link_more .span{
        padding-right: .2rem;
        font-size: 12px;
    }
    .staff01 .main_link .span::before{
        top: 34%;
    }
    .base_banner .link_more .span::before{
        top: 37%;
    }
    .staff01 .ge{
        padding: 10px 0 20px;
    }
    .staff01{
        padding: 35px 0;
    }
}
@media(max-width:1280px){
    .base_swiper .swiper_btn{
        width: 35px;
        height: 35px;
    }
    .base_swiper .swiper_btn.prev::before {
        right: 11px;
    }
    .base_swiper .swiper_btn.next::before {
        right: 13px;
    }
}
@media(max-width:768px){
    .base_swiper .swiper_btn.prev {
        left: 3%;
    }
    .base_swiper .swiper_btn.next {
        right: 3%;
    }
    .staff01{
        padding: 25px 0;
    }
    .base_swiper .swiper_btn{
        width: 30px;
        height: 30px;
    }
    .base_swiper .swiper_btn.prev::before {
        right: 8px;
        top: 10px;
    }
    .base_swiper .swiper_btn.next::before {
        right: 10px;
        top: 10px;
    }
}
@media(max-width:640px){
    .staff01 .text_box {
        margin-top: 15px;
    }
    .staff01 .cdesc {
        font-size: 12px;
    }
    .staff01 .ctit {
        font-size: 14px;
    }
    .staff01 .main_tit {
        font-size: 14px;
    }
}



/* 员工风采详情 */
.info01{
    padding: 1.35rem 0 1rem;
}
.info01 .title{
    color: #000000;
    text-align: center;
}
.info01 .editor{
    padding: .56rem 0 .8rem;
}
.info01 .editor,
.info01 .editor *{
    font-size: .18rem;
    color: #666666;
}
.info01 .info_b{
    display: flex;
    justify-content: space-between;
}
.info01 .goback{
    width: 145px;
    line-height: 45px;
    background-color: #fff;
    border-radius: 23px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    text-align: center;
    background-color: #b21e24;
    display: block;
}
.info01 .goback .span{
    display: inline-block;
    position: relative;
    color: #fff;
    padding-right: .3rem;
    font-size: .16rem;
}
.info01 .goback .span::before{
    content: '';
    display: block;
    position: absolute;
    top: 41%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: 0;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.info01 .info_b a{
    display: block;
}
.info01 .info_b .left{
    font-size: .2rem;
    line-height: 1.8;
    color: #666666;
}

@media(max-width:768px){
    .info01{
        padding: 25px 0;
    }
    .info01 .editor,
    .info01 .editor *{
        font-size: 14px;
    }
    .info01 .goback{
        width: 70px;
        line-height: 30px;
    }
    .info01 .goback .span{
        padding-right: .3rem;
        font-size: 12px;
    }
    .info01 .goback .span::before{
        top: 38%;
    }
    .info01 .info_b {
        flex-wrap: wrap;
    }
    .info01 .info_b .left {
        width: 100%;
    }
    .info01 .info_b .right{
        margin-top: 15px;
    }
    .info01 .editor {
        padding: 25px 0;
    }
}
/* 品牌专区 */
.brand01{
    background-color: #f8f8f8;
}
.brand01 .content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.1rem 0 .9rem;
    position: relative;
    overflow: hidden;
}
.brand01 .left{
    width: 38%;
}
.brand01 .right{
    width: 55.55%;
}
.brand01 .imgbox{
    position: relative;
}
.brand01 .content .bar{
    position: absolute;
    left: 44%;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    width: 1.56rem;
    height: 100%;
}
.brand01 .title{
    color: #333333;
}
.brand01 .editor{
    margin-top: .5rem;
}
.brand01 .editor,
.brand01 .editor *{
    font-size: .18rem;
}
.brand02{
    padding: 1rem 0;
}
.brand02 .main{
    padding: .5rem 0;
}
.brand02 .title{
    color: #333333;
    text-align: center;
}
.brand02_swiper .item{
    display: flex;
    flex-direction: column;
    padding-bottom: 6.27rem;
    background-color: #f8f8f8;
    position: relative;
    margin: 0 auto;
    width: 100%;
}
.brand02_swiper .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.brand02_swiper .icon{
    height: 43%;
    position: absolute;
    top: 0;
    width: 100%;
}
.brand02_swiper .icon img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 50%;
}
.brand02_swiper .imgbox{
    height: 57%;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.brand02_swiper .swiper-slide{
    opacity: 0;
    height: auto;
}
.brand02_swiper .item_box{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand02_swiper .swiper-slide.swiper-slide-active{
    z-index: 9;
    opacity: 1;
} 
.brand02_swiper .swiper-slide.swiper-slide-prev{
    z-index: 5;
    opacity: 1;
} 
.brand02_swiper .swiper-slide.swiper-slide-prev .item_box{
   transform: scale(.95);
   -webkit-transform: scale(.95);
   -moz-transform: scale(.95);
   -ms-transform: scale(.95);
   -o-transform: scale(.95);
}
.brand02_swiper .swiper-slide.swiper-slide-next{
    z-index: 5;
    opacity: 1;
} 
.brand02_swiper .swiper-slide.swiper-slide-next .item_box{
    transform: scale(.95);
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95);
}
.base_swiper.brand02_swiper .swiper_btn.prev{
    left: -10%;
}
.base_swiper.brand02_swiper .swiper_btn.next{
    right: -10%;
}
.brand02_swiper.base_swiper .swiper_btn{
    border-color: #b21e24;
}
.brand02_swiper.base_swiper .swiper_btn::before{
    border-color: #b21e24;
}
.brand02_swiper.base_swiper .swiper_btn:hover::before{
    border-color: #fff;
}

.brand02_swiper .swiper-pagination{
    width: 100%;
    text-align: center;
    bottom: -.5rem;
}
 
.brand02_swiper .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background-color: #e5e5e5;
    margin: 0 10px !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    opacity: 1;
}
 
.brand02_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #b21e24;
}

@media(max-width:1765px){
    .base_swiper.brand02_swiper .swiper_btn.prev{
        left: -4%;
    }
    .base_swiper.brand02_swiper .swiper_btn.next{
        right: -4%;
    }
}
@media(max-width:1560px){
    .base_swiper.brand02_swiper .swiper_btn.prev{
        left: 0%;
    }
    .base_swiper.brand02_swiper .swiper_btn.next{
        right: 0%;
    }
}
@media(max-width:768px){
    .brand01 .content,
    .brand02{
        padding: 25px 0;
    }
    .brand02_swiper .swiper-pagination{
        bottom: -30px;
    }
}
@media(max-width:640px){
    .brand01 .content {
        flex-wrap: wrap;
    }
    .brand01 .left {
        width: 100%;
    }
    .brand01 .right {
        width: 100%;
        margin-top: 15px;
    }
    .brand01 .content .bar{
        opacity: 0;
    }
}

/* 新闻列表 */
.base_banner1{
    position: relative;
}
.base_banner1 .imgbox,
.base_banner .imgbox,
.base_banner2 .imgbox{
    overflow: hidden;
}
.base_banner1 img{
    width: 100%;
}
.base_banner1 img,
.base_banner img,
.base_banner2 img {
    animation: myscale 5s infinite;
    -webkit-animation: myscale 5s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}
@keyframes myscale{
    from{transform:scale(1.1);
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
    }
    to{transform:scale(1);
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
    }
  }

.base_banner1 .w1440{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    text-align: center;
    z-index: 10;
}
.base_banner1 .tit{
    line-height: 1.375;
}
.base_banner1 .ctit{
    font-size: 0.24rem;
    line-height: 1.5;
    text-transform: uppercase;
}
.news01{
    margin: -.95rem 0 1rem;
}
.news01 .swiper-slide{
    height: auto;
}
.news01 .item{
    display: flex;
}
.news01 .item:hover img{
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}
.news01 .left{
    width: 69%;
}
.news01 .left .imgbox{
    overflow: hidden;
    height: 100%;
}
.news01 .left img{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news01 .right{
    width: 31%;
    background-color: #f8f8f8;
    padding: .7rem .5rem .6rem .65rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.news01 .time{
    font-size: .18rem;
    color: #b21e24;
}
.news01 .tit{
    font-size: .24rem;
    color: #000000;
    margin-top: .15rem;
    line-height: 1.58;
}
.news01 .tit span{
    background-color: #b21e24;
    padding: 0 .07rem;
    font-size: .12rem;
    color: #fff;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    line-height: 1;
    line-height: .23rem;
    display: inline-block;
    transform: translate(0,-.03rem);
    -webkit-transform: translate(0,-.03rem);
    -moz-transform: translate(0,-.03rem);
    -ms-transform: translate(0,-.03rem);
    -o-transform: translate(0,-.03rem);
}
.news01 .tit span::before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: .05rem solid transparent;
    border-bottom: .07rem solid #b21e24;
    z-index: 1;
    bottom: .06rem;
    left: -.08rem;
    transform:  rotate(-90deg);
    -webkit-transform:  rotate(-90deg);
    -moz-transform:  rotate(-90deg);
    -ms-transform:  rotate(-90deg);
    -o-transform:  rotate(-90deg);
}
.news01 .desc{
    font-size: .18rem;
    color: #666666;
    line-height: 1.666;
    padding-top: .6rem;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.news01 .more{
    color: #666;
}
.news02{
    padding-bottom: .6rem;
}
.news02 .switchs{
    display: flex;
    justify-content: space-between;
}
.news02 .tabs{
    display: flex;
    align-items: center;
}

.news02 .tabs .tab{
    padding-bottom: 15px;
    position: relative;
    font-size: .24rem;
    color: #666666;
    cursor: pointer;
}
.news02 .tabs .tab:not(:first-child){
    margin-left: 25px;
}
.news02 .tabs .tab.cur{
    color: #b21e24;
}
.news02 .tabs .tab.cur::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #b21e24;
}
.news02 .year_box{
    display: flex;
}
.news02 .year_box .span{
    font-size: .18rem;
    color: #000000;
    padding-left: 30px;
    position: relative;
}
.news02 .year_box .span::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    background-image: url(../images/icon08.png);
    width: 23px;
    height: 24px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.news02 .year1{
    width: 220px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 2px solid #dedede;   
    padding-bottom: 15px;
}
.news02 .select{
    position: relative;
    width: 1rem;
    line-height: .2rem
}
.news02 .select::before{
    content: '';
    position: absolute;
    border: solid #686868;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    right: 5%;
    top: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.news02 .select select{
    border: none;
    padding-right: 25px;
    padding-left: 5px;
    font-size: .18rem;
    color: #b21e24;
    appearance: none;
    width: 100%
}
.news02 .year2{
    width: 310px;
    margin-left: .6rem;
    display: flex;
    padding-bottom: 15px;
    border-bottom: 2px solid #dedede;
    justify-content: space-between;
    align-items: flex-end;
}
.news02 .year2 .input{
    flex: 1;
}
.news02 .year2 input{
    border: none;
    font-size: .18rem;
    color: #666666;
    width: 100%;
}
.news02 .year2 .input_btn{
    background-image: url(../images/icon07.png);
    width: 23px;
    height: 25px;
    min-width: 23px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.news02 .list2,
.news02 .list3{
    padding: .45rem 0 .4rem;
}
.list2 .item{
    display: flex;
    margin-bottom: .4rem;
}
.list2 .item:hover img{
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}
.list2 .left{
    width: 32%;
}
.list2 .right{
    width: 68%;
    background-color: #fafafa;
    padding: .5rem;
    display: flex;
    justify-content: space-between;
}
.list2 .left .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;

}
.list2 .left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list2 .text_box{
    flex: 1;
}

.list2 .time_box{
    width: 90px;
    min-width: 90px;
    margin-left: .7rem;
}
.list2 .tit{
    font-size: .24rem;
    color: #000000;
}
.list2 .desc{
    font-size: .18rem;
    color: #999;
    line-height: 1.77;
    margin-top: .2rem;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.list2 .more{
    width: 150px;
    line-height: 45px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    display: block;
    margin-top: .6rem;
    text-align: center;
    background-color: #b21e24;
}
.list2 .more .span{
    position: relative;
    color: #fff;
    padding-right: .3rem;
    font-size: .16rem;
    display: inline-block;
}
.list2 .more .span::before{
    content: '';
    display: block;
    position: absolute;
    top: 41%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: 0;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.list2 .time_top{
    border: 1px solid #b21e24;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    overflow: hidden;
}
.list2 .time_top .time_month{
    line-height: .5rem;
    color: #b21e24;
    font-size: .18rem;
    text-align: center;
    background-color: #edd0d1;
}
.list2 .time_top .time_day{
    line-height: .7rem;
    color: #b21e24;
    font-size: .3rem;
    text-align: center;
}
.list2 .time{
    font-size: .16rem;
    color: #999999;
    text-align: center;
    margin-top: .15rem;
}

.list3{
    display: flex;
    flex-wrap: wrap;
}
.list3 .item:not(:nth-child(3n+1)){
    margin-left: 1.5%;
}
.list3 .item{
    width: 32.33%;
    margin-bottom: 1.5%;
}
.list3 .item:hover img{
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}
.list3 .imgbox{
    padding-bottom: 56%;
    position: relative;
    overflow: hidden;
    position: relative;
}
.list3 .imgbox .base_video{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    z-index: 2;
    color: #fff;
    cursor: pointer;
}
.list3 .imgbox .base_video i{
    font-size: .48rem;
}
.list3 .imgbox img{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list3 .text_box{
    padding: .4rem .4rem .45rem; 
    background-color: #f8f8f8;   
}
.list3 .time{
    font-size: .18rem;
    color: #b21e24;
}
.list3 .tit{
    font-size: .24rem;
    color: #000000;
    line-height: 1.58;
    margin-top: .15rem;
    height: 2.8em;
    overflow: hidden;
}
.list3 .more{
    font-size: .16rem;
    color: #666666;
    margin-top: .5rem;
}
@media(max-width:1024px){
    .news02 .year2 {
        padding-bottom: 10px;
    }
    .news02 .year1 {
        padding-bottom: 10px;
    }
    .news02 .tabs .tab {
        padding-bottom: 10px;
    }
    .list2 .right {
        padding: .4rem;
    }
    .list2 .more {
        width: 100px;
        line-height: 30px;
    }
    .list2 .more .span {
        font-size: 12px;
    }
    .list2 .time_box {
        width: 70px;
        min-width: 70px;
    }
    .list2 .time {
        font-size: 12px;
    }
    .list2 .time_top .time_month {
        font-size: 12px;
    }
    .list2 .time_top .time_day {
        font-size: 24px;
    }
    .news01 .right {
        padding: .4rem;
    }
    .news01 .desc {
        padding-top: .4rem;
    }
    .list3 .text_box {
        padding: .35rem;
    }
}
@media(max-width:768px){
    .news02 .year2 {
        width: 150px;
        padding-bottom: 5px;
    }
    
    .news02 .year2 input {
        font-size: 12px;
        width: 100%;
    }
    
    .news02 .year2 .input_btn {
        width: 18px;
        height: 18px;
        min-width: 18px;
    }
    
    .news02 .year1 {
        padding-bottom: 5px;
    }
    
    .news02 .year_box .span::before {
        width: 15px;
    }
    
    .news02 .year_box .span {
        font-size: 12px;
        padding-left: 25px;
    }
    
    .news02 .select select {
        font-size: 12px;
    }
    
    .news02 .tabs .tab {
        font-size: 16px;
        padding-bottom: 5px;
    }
    .list3 .item {
        width: 49%;
    }
    
    .list3 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    
    .list3 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    
    .list3 .text_box {
        padding: 15px;
    }
    
    .list3 .time {
        font-size: 12px;
    }
    
    .list3 .tit {
        font-size: 16px;
        height: 3em;
    }
    
    .list3 .more {
        font-size: 12px;
    }
}
@media(max-width:680px){
    .news02 .switchs {flex-wrap: wrap;}
    .news02 .year1 {
        width: 90%;
        margin-bottom: 15px
    }
    .news02 .select {
        width: 50%;
        line-height: 20px;
    }
    .news02 .year2 {
        width: 90%;
        margin-left: 0
    }
    .news01 {
        margin-top: -20px;
        margin-bottom: 15px;
    }
    .news01 .item {
        flex-wrap: wrap;
    }
    .news01 .left {
        width: 100%;
    }
    .news01 .right {
        width: 100%;
    }
    .news01 .time {
        font-size: 12px;
    }
    .news01 .tit {
        font-size: 16px;
    }
    .news01 .desc {
        font-size: 12px;
    }
    .news01 .more {
        font-size: 12px;
        margin-top: 15px;
    }
    .news02 .year_box {
        width: 100%;
        margin-top: 10px;
        display: block
    }
    .list2 .item {
        flex-wrap: wrap;
    }
    .list2 .left {
        width: 100%;
    }
    .list2 .right {
        width: 100%;
        padding: 15px;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .list2 .tit {
        font-size: 16px;
    }
    .list2 .desc {
        font-size: 12px;
    }
    .list2 .time_top .time_day {
        font-size: 16px;
        line-height: 25px;
    }
    .list2 .time_box {
        width: auto;
        margin-left: 0;
    }
    .list2 .text_box {
        flex: unset;
        width: 100%;
        margin-top: 15px;
    }
    .list2 .time_top {
        max-width: 70px;
    }
    .list2 .time {
        text-align: left;
    }
    .news02 {
        padding-bottom: 25px;
    }
    .news02 .list2, .news02 .list3 {
        padding: 20px 0;
    }
    .base_banner1 .ctit{
        font-size: 12px;
    }

    .list3 .item {
        width: 100%;
    }
    .list3 .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
}

/* 新闻详情 */
.newinfo01{
    padding: .76rem 0 .45rem;
    background-color: #f8f8f8;
}
.newinfo01 .title{
    font-size: .36rem;
    color: #000000;
    line-height: 1.33;
    text-align: center;
}
.newinfo01 .title span{
    background-color: #b21e24;
    padding: 0 .07rem;
    font-size: .12rem;
    color: #fff;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    line-height: 1;
    line-height: .23rem;
    display: inline-block;
    transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    margin-left: 10px;
}
.newinfo01 .title span::before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 0.05rem solid transparent;
    border-bottom: 0.07rem solid #b21e24;
    z-index: 1;
    bottom: 0.06rem;
    left: -0.08rem;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
.newinfo01 .other{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .8rem;
    font-size: 18px;
}
.newinfo01 .time{
    color: #666666;
}
.newinfo01 .come{
    margin: 0 .5rem;
}
.newinfo01 .shares{
    position: relative;
    cursor: pointer;
    padding-right: 26px;
}
.newinfo01 .shares:hover .bshare-custom{
    width: auto;
    opacity: 1;
}
.newinfo01 .shares .bshare-custom{
    padding-top: 15px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    display: flex;
    width: 0;
    opacity: 0;
}
.newinfo01 .shares::before{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    background-image: url(../images/icon09.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 23px;
    height: 23px;
}

.newinfo02{
    padding-bottom: .7rem;
}
.newinfo02 .editor{
    padding: .7rem 0;
    border-bottom: 1px solid #eeeeee;
}
.newinfo02 .info_b{
    display: flex;
    margin-top: .5rem;
}
.newinfo02 .info_b .linkto{
    width: 49%;
    padding: .2rem;
    background-color: #f8f8f8;
    display: flex;
    align-items: center;
}
.newinfo02 .info_b .linkto:hover img{
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}
.newinfo02 .info_b .linkto:not(:nth-child(2n+1)){
    margin-left: 2%;
}
.newinfo02 .linkto .imgbox{
    width: 33.33%;
    overflow: hidden;
}
.newinfo02 .linkto img{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.newinfo02 .linkto .text_box{
    margin-left: .35rem;
    flex: 1;
}
.newinfo02 .linkto .tit{
    font-size: .16rem;
    color: #b21e24;
}
.newinfo02 .linkto .ctit{
    margin-top: .2rem;
    font-size: .22rem;
    color: #000000;
    line-height: 1.45;
}
@media(max-width:768px){
    .newinfo02 .linkto .tit {
        font-size: 12px;
    }
    
    .newinfo02 .linkto .ctit {
        font-size: 12px;
    }
    
    .newinfo02 {
        padding-bottom: 25px;
    }
    
    .newinfo01 .title {
        font-size: 20px;
    }
    .newinfo01 .other{
        font-size: 14px;
    }
}
@media(max-width:640px){
    .newinfo01 .title {
        font-size: 18px;
    }
    .newinfo01 .title span {
        transform: translate(0,-6px);
        -webkit-transform: translate(0,-6px);
        -moz-transform: translate(0,-6px);
        -ms-transform: translate(0,-6px);
        -o-transform: translate(0,-6px);
    }
    .newinfo01 .other {
        font-size: 12px;
        margin-top: 15px;
    }
    .newinfo01 .other {
        font-size: 12px;
        margin-top: 15px;
    }
    
    .newinfo02 .linkto .imgbox {
        width: 100%;
    }
    
    .newinfo02 .info_b .linkto {
        flex-wrap: wrap;
    }
    
    .newinfo02 .linkto .text_box {
        margin-left: 0;
        padding: 10px;
    }
    
    .newinfo02 .linkto .ctit {
        margin-top: 10px;
    }
}

/* 公益活动 */
.benef01{
    display: flex;
    align-items: center;
    padding-left: calc((100% - 1440px)/2);
    padding-left: calc(232/1920*100vw);
}
.benef01 .main{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.benef01 .tit{
    color: #000000;
    padding-top: .45rem;
}
.benef01 .editor{
    padding: .45rem 0 0 ;
}
.benef01 .editor,
.benef01 .editor *{
    font-size: .18rem;
    color: #333333;
}
.benef01 .left{
    width: 40%;
}
.benef01 .left .icon{
    max-width: .85rem;
}
/* .benef01 .right{
    width: 53%;
} */


.benef02{
    background-color: #f8f8f8; 
}
.list4{
    padding: .6rem 0;
}
.list4 .item{
    display: flex;
    padding: .6rem 1.5rem;
    align-items: center;
    border-bottom:1px solid #eaeaea;
}
.list4 .item:last-child{
    border-bottom: none;
}
.list4 .imgbox{
    width: 32%;
}
.list4 .text_box{
    padding-left: 7.5%;
    flex: 1;
}
.list4 .tit{
    font-size: .3rem;
    color: #000000;
    line-height: 1.53;
}
.list4 .desc{
    font-size: .18rem;
    color: #333333;
    line-height: 2;
    margin-top: .25rem;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.list4 .item:hover .base_more{
    margin-top: .5rem;
    height: auto;
    line-height: 45px;
}
.list4 .base_more{
    line-height: 0;
    height: 0px;
    overflow: hidden;
}
@media(max-width:1480px){
    .benef01{
        padding-left: 10%;
    }
    .list4 .text_box{
        padding-left: 5%;
    }
}
@media(max-width:1366px){
    .list4 .item:hover .base_more{
        line-height: 30px;
    }
    .list4 .item {
        padding: .4rem .1rem;
    }
}
@media(max-width:1024px){
    .benef01{
        padding-left: 4%;
    }
    .list4 .item:hover .base_more{
        line-height: 20px;
    }
}
@media(max-width:768px){
    .benef01 .editor {
        padding: 0.25rem 0 0;
    }
}
@media(max-width:640px){
    .benef01 .editor, .benef01 .editor * {
        font-size: 12px;
    }
    .benef01 .main {
        flex-wrap: wrap;
    }
    
    .benef01 .left {
        width: 100%;
        padding: 3% 0;
    }
    
    .benef01 .right {
        width: 100%;
        display: none;
    }
    
    .benef01 {
        padding: 0 2%;
    }
    
    .list4 {
        padding: 20px 0;
    }
    
    .list4 .tit {
        font-size: 14px;
    }
    
    .list4 .desc {
        font-size: 12px;
    }
    
    .list4 .item {
        flex-wrap: wrap;
        padding: 15px 0;
    }
    
    .list4 .imgbox {
        width: 100%;
    }
    
    .list4 .text_box {
        flex: unset;
        padding: 3% 0;
    }
    
    .list4 .base_more {
        height: auto !important;
        line-height: 25px;
        margin-top: 15px !IMPORTANT;
    }
}
/* 公益活动详情 */
.gyinfo01{
    padding: 1.4rem 0 0 ;
}
.gyinfo01 .tit{
    color: #000000;
    line-height: 1.5;
    text-align: center;
}
.gyinfo01 .editor,
.gyinfo01 .editor *{
    font-size: .18rem;
    color: #333333;
}
.gyinfo01 .main{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .8rem;
}
.gyinfo01 .left{
    width:42.36% ;
}
.gyinfo01 .right{
    width: 49%;
}
@media(max-width:1280px){
    .gyinfo01 {
        padding: 1rem 0 0;
    }
    .gyinfo01 .main {
        margin-top: 0.5rem;
    }
}
@media(max-width:640px){
    .gyinfo01 .main {
        flex-wrap: wrap;
        margin-top: 15px;
    }
    .gyinfo01 .left {
        width: 100%;
    }
    .gyinfo01 .right {
        width: 100%;
        margin-top: 10px;
    }
    .gyinfo01 .editor, .gyinfo01 .editor *{
        font-size: 12px;
    }
}

/* 可持续发展 */
.stust01{
    padding: 1.3rem 0 .5rem;
}
.stust01 .tit{
    color: #000000;
    text-align: center;
}
.stust01 .imgbox{
    position: relative;
    margin-top: .5rem;
}
.stust01 .imgbox img{
    width: 100%;
}
.stust01 .text_box{
    position: absolute;
    left: 50%;
    max-width: 95%;
    top: 18%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}
.stust01 .text_box,
.stust01 .text_box *{
    line-height: 1.58;
    font-size: .24rem;
    color: #fff;
    text-align: center;
}


.list5 .item{
    margin-bottom: .55rem;
}
.list5 .item:last-child{
    margin-bottom: 0;
}
.list5 .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list5 .item .con{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.list5 .item:nth-child(2n+1){
    padding-left: calc((100% - 1440px)/2);
}
.list5 .item:nth-child(2n+1) .con{
    background-image: url(../images/icon10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-right: 2.42rem;
}
.list5 .item:nth-child(2n){
    padding-right: calc((100% - 1440px)/2);
    flex-direction: row-reverse;
}
.list5 .item:nth-child(2n) .con{
    background-image: url(../images/icon11.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 2.42rem;
    flex-direction: row-reverse;
}
.list5 .imgbox{
    width: 50%;
    overflow: hidden;
}
.list5 .imgbox img{
    transition: 0.3s all;
}
.list5 .item .con:hover .imgbox img{
    transform: scale(1.05);
}
.list5 .text_box{
    width: 45.8%;
}
.list5 .icon{
    max-width: 50px;
    margin-top: -35px;
    position: relative;
    z-index: 1
}
.list5 .en_tit{
    font-size: .48rem;
    color: #edeef0;
    line-height: 1.25;
    text-transform: uppercase;
}
.list5 .cn_tit{
    font-size: .32rem;
    color: #000000;
    line-height: 1.25;
    margin-top: .45rem;
}
.list5 .desc{
    margin-top: .3rem;
    font-size: .18rem;
    color: #333333;
    line-height: 2;
}
@media(max-width:1480px){
    .list5 .item:nth-child(2n+1){
        padding: 0 2%;
    }
    .list5 .item:nth-child(2n+1) .con{
        padding-right: 2%;
    }
    .list5 .item:nth-child(2n) .con{
        padding-left: 2%;
    }
    .list5 .item:nth-child(2n){
        padding: 0 2%;
    }
}

@media(max-width:1024px){
    .list5 .en_tit {
        font-size: .36rem;
    }
    .list5 .desc{
        font-size: .16rem;
    }
    .list5 .icon{
        max-width: 40px;
    }
}
@media(max-width:768px){
    .stust01{
        padding: 20px 0;
    }
    .stust01 .text_box, .stust01 .text_box *{
        font-size: 14px;
    }
    .stust01 .text_box{
        width: 100%;
    }
}
@media(max-width:640px){
    .list5 .en_tit {
        font-size: 14px;
        color: #ddd;
        margin-bottom: .5rem
    }
    
    .list5 .icon {
        max-width: 20px;
    }
    
    .list5 .cn_tit {
        font-size: 14px;
    }
    
    .list5 .desc {
        font-size: 12px;
    }
    
    .list5 .item .con {
        flex-wrap: wrap;
    }
    
    .list5 .imgbox {
        width: 100%;
    }
    
    .list5 .text_box {
        width: 100%;
        margin-top: 10px;
        padding: .3rem;
    }
}


/*联系我们*/
.contact01 .main{
    margin-top: -1.3rem;
    box-shadow: 0 0 15px #f1f1f1;
    position: relative;
    z-index: 2;
    background-color: #ffffff;
    padding: .6rem .7rem .7rem;
}

.contact01 .map{
    height: 4rem;
    box-shadow: 0 0 15px #f2f2f2;
    margin-top: .5rem;
}
.list6{
    display: flex;
    justify-content: space-between;
}
.list6 .item{
    width: 24%;
}
.list6 .tit{
    font-size: 24px;
    color: #000000;
    line-height: 1.5;
}
.list6 .label{
    font-size: 16px;
    color: #333333;
}
.list6 .citem{
    margin: .2rem 0 0;
}
.list6 .label1,
.list6 .label2{
    padding-left: 30px;
    position: relative;
}
.list6 .label1::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    background-image: url(../images/icon12.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 14px;
}
.list6 .label2::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    background-image: url(../images/icon13.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 14px;
}

.list6 .num{
    margin-top: .15rem;
    font-size:16px;
    color: #333333;
    line-height: 1.75;
}
.list6 .num.num1{
    color: #000;
}
.map_box {
    display: flex;
    box-sizing: border-box;
    align-items: center;
}

.map_box .logo_icon {
    min-width: 50px;
    width: 50px;
}
.map_box .logo_icon img{
    width: 100%;
}

.map_box .htit {
    font-size: 14px;
    color: #333333;
    padding: 0 10px;
    white-space: nowrap;
}

.map_box .hdesc {
    font-size: 14px;
    color: #333333;
    padding-left: 20px;
    border-left: 1px solid #eee;
}
.contact01 .map img{
    max-width: unset !important;
    max-height: unset !important;
}

@media(max-width:1280px){
    
    .list6 .tit {
        font-size: 20px;
    }
    .list6 .num {
        font-size: 14px;
        margin-top: 5px;
    }
    .list6 .label {
        font-size: 14px;
    }
    .list6 .label1::before {
        top: 3px;
    }
    .list6 .label2::before {
        top: 3px;
    }
    .list6 .item {
        width: 31.33%;
    }
}
@media(max-width:768px){
    .list6 {
        flex-wrap: wrap;
    }
    .list6 .item {
        width: 100%;
        margin-bottom: 10px;
    }
    .contact01 .main{
        margin-top: -15px;
    }
}
@media(max-width:640px){
    .contact01 .main {
        padding: 15px;
    }
    .list6 .tit{
        font-size: 18px;
    }
}

/* 招贤纳士 */
.base_banner2{
    position: relative;
    padding: 2.6rem 0 0;
}
.base_banner2 .imgbox{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.base_banner2 .w1440{
    position: relative;
    z-index: 10;
}
.base_banner2 .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.base_banner2 .cn_tit{
    color: #ffffff;
    line-height: 1.5;
    text-align: center;
}
.base_banner2 .cn_tit1{
    font-size: .24rem;
    color: #ffffff;
    line-height: 1.25;
    text-align: center;
    margin-top: .1rem;
}
.base_banner2 .usearch_box{
    max-width: 580px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    margin: .65rem auto 1.8rem;
    width: 100%;
    height: .6rem;
    justify-content: space-between;
}
.base_banner2 .input{
    display: flex;
    align-items: center;
    flex: 1;
}
.base_banner2 input{
    font-size: 16px;
    color: #888888;
    padding-left: .35rem;
    border: none;
    width: 100%;
}
.base_banner2 .input_btn{
    width: 155px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    background-color: #b21e24;
    text-align: center;
    font-size: 16px;
    line-height: .6rem;
}
.base_banner2 .input_btn span{
    position: relative;
    padding-right: 35px;
    color: #fff;
}
.base_banner2 .input_btn span::before{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 4%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../images/icon15.png);
    width: 18px;
    height: 20px;
}
.base_banner2 .main{
    background-color: rgba(0, 0, 0, .6);
    position: relative;
    z-index: 2;
}
.list7{
    display: flex;
    padding: .7rem 0;
    flex-wrap: wrap;
}
.list7 .item{
    width: 46%;
    display: flex;
}
.list7 .item:not(:nth-child(2n+1)){
    margin-left: 8%;
}
.list7 .icon{
    min-width: 50px;
    height: 50px;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.list7 .icon img{
    max-width: 22px;
}
.list7 .ctit{
    font-size: .24rem;
    color: #fff;
    line-height: 1.25;
}
.list7 .text_box{
    margin-left: .3rem;
}
.list7 .desc{
    font-size: .16rem;
    line-height: 1.875;
    margin-top: .2rem;
    color: #fff;
}

.invite02{
    padding: .7rem 0 0;
}
.invite02 .title{
    font-size: .48rem;
    line-height: 1.5;
    text-align: center;
    color: #000000;
}

.invite02 .main{
    margin-top: .6rem;
}
.invite02_swiper{
    position: relative;
}

.invite02_swiper .swiper-slide{
    opacity: 1;
}
.invite02_swiper .swiper-slide::before{
    content: '';
    display: block;
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.invite02_swiper .swiper-slide.swiper-slide-active::before{
    opacity: 0;
}
.invite02_swiper .item{
    position: relative;
}
.invite02_swiper .imgbox{
    padding-bottom: 56.3%;
    position: relative;
    overflow: hidden;
}
.invite02_swiper .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.invite02_swiper .tit{
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    max-width: 95%;
    width: 100%;
    font-size: .24rem;
    color: #ffffff;
    bottom: .55rem;
    text-align: center;
}
.invite02_swiper .swiper-slide-active img{
    animation: myscale 5s infinite;
    -webkit-animation: myscale 5s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}
.invite02_swiper .swiper_btn{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    width: 50px;
    height: 50px;
    /* border: 1px solid #fff; */
    z-index: 2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
} 
.invite02_swiper .swiper_btn.prev{
    left: 6.8%;
}
.invite02_swiper .swiper_btn.next{
    right: 6.8%;
}
.invite02_swiper .swiper_btn.prev::before{
    content: '';
    display: block;
    position: absolute;
    top: 37%;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(45deg);
    right: 16px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.invite02_swiper .swiper_btn.next::before{
    content: '';
    display: block;
    position: absolute;
    top: 37%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: 20px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.invite01{
    padding: 1.5rem 0 .7rem;
}
.invite01 .title{
    text-align: center;
    line-height: 1.5;
}
.invite01 .selects{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 970px;
    width: 100%;
    margin: .55rem auto 0;
}
.invite01 .selects .select{
    position: relative;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    line-height: 60px;
    background-color: #f4f4f4;
    overflow: hidden;
    width: 31.5%;
}
.invite01 .selects select{
    appearance: none;
    font-size: 16px;
    color: #333333;
    border: none;
    width: 100%;
    background-color: transparent;
    line-height: 60px;
    padding: 0 30px;
}
.invite01 .selects .select1.select::before{
    content: '';
    display: block;
    position: absolute;
    top: 41%;
    border-top: 2px solid #888888;
    border-right: 2px solid #888888;
    right: 18px;
    width: 6px;
    height: 6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.invite01 .selects .select.select2{
    text-align: center;
    background-color: #b21e24;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.invite01 .list8{
    margin: .5rem 0;
}
.list8 .item{
    box-shadow: 0 0 15px #f4f3f3;
    padding: 0 .7rem 0;
    margin-bottom: .2rem;
}
.list8 .capt{
    display: flex;
    align-items: center;
    padding: 55px 55px 40px 0;
    position: relative;
}
.list8 .capt .change{
    width: 48px;
    height: 48px;
    border: 2px solid #c3c3c3;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
}
.list8 .capt .change:hover{
    background-color: #b21e24;
    border-color: #b21e24;
}
.list8 .capt .change:hover::before{
    border-color: #fff;
}
.list8 .capt .change::before{
    content: '';
    display: block;
    position: absolute;
    top: 38%;
    border-top: 2px solid #c3c3c3;
    border-right: 2px solid #c3c3c3;
    right: 17px;
    width: 6px;
    height: 6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.list8 .capt .tit{
    font-size: .24rem;
    color: #333333;
    line-height: 1.25;
}
.list8 .capt .text_box{
    font-size: .16rem;
    color: #666666;
    margin-left: .9rem;
}
.list8 .capt span{
    display: inline-block;
    margin-bottom: 15px;
}
.list8 .btn{
    width: 150px;
    line-height: 50px;
    text-align: center;
    background-color: #b21e24;
    margin-top: .45rem;
    cursor: pointer;
    display: block;
}
.list8 .btn span{
    font-size: 16px;
    color: #fefefe;
    padding-right: 40px;
    position: relative;
}
.list8 .btn span::before{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 4%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../images/icon15.png);
    width: 18px;
    height: 20px;
}
.list8 .main{
    height: 0;
    overflow: hidden;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list8 .section:not(:first-child){
    margin-top: 20px;
}
.list8 .section .sectit{
    font-size: .18rem;
    color: #333333;
}
.list8 .section .editor{
    margin-top: .2rem;
}
.list8 .section .editor,
.list8 .section .editor *{
    font-size: .16rem;
    color: #666666;
    line-height: 1.875;
}

.list8 .item.cur{
    position: relative;
}
.list8 .item.cur::before{
    content: '';
    display: block;
    position: absolute;
    background-color: #b21e24;
    border-radius:30px 30px 0 0;
    -webkit-border-radius:30px 30px 0 0;
    -moz-border-radius:30px 30px 0 0;
    -ms-border-radius:30px 30px 0 0;
    -o-border-radius:30px 30px 0 0;
    width: 100%;
    height: 5px;
    left: 0;
    top: 0;
}
.list8 .item.cur .main{
    padding: 0 0 .7rem;
    height: auto;
}
.list8 .item.cur .capt{
    display: block;
}
.list8 .item.cur .text_box{
    margin: 20px 0 0;
}
.list8 .item.cur .change::before{
    border-color: #fff;
    top: 42%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.list8 .item.cur .change{
    background-color: #b21e24;
    border-color: #b21e24;
}

@media(max-width:1459px){
    .invite01 {
        padding: 1rem 0 .5rem;
    }
}
@media(max-width:1280px){
    .list8 .capt {
        padding: 30px 45px 30px 0;
    }
    .list8 .capt .change {
        width: 40px;
        height: 40px;
    }
    .list8 .capt .change::before {
        right: 14px;
    }
    .list8 .item {
        padding: 0 .5rem 0;
    }
    .invite01 .selects .select {
        line-height: 45px;
        width: 31%;
    }
    .list7 {
        padding: .5rem 0;
    }
    .base_banner2 .usearch_box {
        margin: .4rem auto .8rem;
    }
    .list7 .icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
    .list7 .icon img {
        max-width: 15px;
    }
    .invite01 {
        padding: .5rem 0;
    }
    .list8 .capt .text_box {
        margin-left: .5rem;
    }
    .list8 .capt .text_box {
        font-size: 14px;
    }
}
@media(max-width:768px){
    .invite02 .title {
        font-size: 24px;
    }
    .invite01 .selects .select {
        line-height: 30px;
        padding: 0 15px;
    }
    
    .invite01 .selects select {
        font-size: 14px;
    }
    
    .invite01 .selects .select1.select::before {
        top: 30%;
    }
    
    .invite01 .selects .select.select2 {
        font-size: 14px;
    }
    
    .list8 .capt .change {
        width: 30px;
        height: 30px;
    }
    
    .list8 .capt .change::before {
        right: 9px;
        top: 30%;
    }
    
    .list8 .capt {
        padding: 20px 35px 20px 0;
    }
    
    .list8 .capt .tit {
        font-size: 18px;
    }
    
    .invite02_swiper .tit {
        font-size: 14px;
    }
    
    .invite02 {
        padding: .4rem 0 0;
    }
    
    .list7 .desc {
        font-size: 12px;
    }
    
    .list7 .ctit {
        font-size: 16px;
    }
    
    .base_banner2 input {
        font-size: 12px;
    }
    
    .base_banner2 .input_btn {
        font-size: 12px;
        width: 100px;
    }
    
    .base_banner2 .input_btn span::before {
        width: 12px;
        height: 16px;
    }
    
    .base_banner2 .input_btn span {
        padding-right: 20px;
    }
    .list8 .section .editor, .list8 .section .editor * {
        font-size: 14px;
    }
    .list8 .section .sectit {
        font-size: 16px;
    }
}
@media(max-width:640px){
    .list7 {
        flex-wrap: wrap;
    }
    
    .list7 .item {
        width: 100%;
        margin-bottom: 15px;
    }
    
    .list7 .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    
    .invite01 .selects {
        margin-top: 15px;
    }
    
    .list8 .item {
        padding: 0 15px 0;
    }
    
    .list8 .capt .tit {
        font-size: 14px;
    }
    
    .list8 .capt {
        display: block;
    }
    
    .list8 .capt .text_box {
        margin-left: 0;
        margin-top: 10px;
        font-size: 12px;
    }
    
    .list8 .capt span {
        margin-bottom: 5px;
    }
    
    .invite02 .main {
        margin-top: 15px;
    }
    .list8 .section .editor, .list8 .section .editor * {
        font-size: 12px;
    }
    .list8 .section .sectit {
        font-size: 14px;
    }
    .invite02_swiper .swiper_btn.prev{
        left: 0;
    }
    .invite02_swiper .swiper_btn.next{
        right: 0;
    }
    .invite01 .selects .select.select2 {
        font-size: 12px;
    }
    .invite01 .selects select {
        font-size: 12px;
    }
}
/* 科研创新 */
.techn01{
    padding: 1.5rem 0 .3rem;
}
.box1{
    display: flex;
    justify-content: space-between;
}
.box1 .tit{
    color: #000000;
}
.box1 .ctit{
    font-size: .24rem;
    color: #666666;
}
.box1 .editor{
    margin-top: .5rem;
}
.box1 .editor,
.box1 .editor *{
    font-size: .18rem;
    color: #333333;
    line-height: 2;
}
.box1 .left{
    width: 43.75%;
}
.box1 .right{
    width:50.3%;
}
.box1 .right .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden
}
.box1 .right img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s all
}
.box1 .right img:hover{
    transform: scale(1.1)
}
.techn01 .list9{
    margin-top: .6rem;
}
.list9{
    display: flex;
    align-items: center;
    box-shadow: 0 0 15px #f8f7f7;
    padding: .45rem 6.5%;
    justify-content: space-between;
}
.list9 .item{
    text-align: center;
}
.list9 .year{
    display: inline-block;
    position: relative;
    padding-right: .3rem;
}
.list9 .s1{
    line-height: 1;
    font-size: .6rem;
    color: #b21e24;
    font-weight: 700;
}
.list9 .t1{
    line-height: 0.9;
    font-size: .2rem;
    color: #333333;
    position: absolute;
    right: 0;
    bottom: 0;
}
.list9 .add{
    width: .22rem;
    height: .22rem;
    position: absolute;
    right: 0;
    top: 0;
}
.list9 .add::before{
    content: '';
    display: block;
    width: 100%;
    height: .03rem;
    background-color: #b21e24;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.list9 .add::after{
    content: '';
    display: block;
    width: .03rem;
    height: 100%;
    background-color: #b21e24;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.list9 .ptit{
    font-size: .18rem;
    color: #333333;
    margin-top: .15rem;
}
.techn02{
    padding: .5rem 0 .7rem;
}
.techn02_swiper .imgbox{
    padding-bottom: 46%;
    position: relative;
}
.techn02_swiper .imgbox img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.techn02_swiper .item_box{
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.techn02_swiper .item_box .item{
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.techn02_swiper .swiper-slide.swiper-slide-active .item{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.techn02_swiper .swiper-slide.swiper-slide-next .item,
.techn02_swiper .swiper-slide.swiper-slide-prev .item{
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
}
.techn02_swiper .swiper-slide.swiper-slide-active{
    z-index: 2 !important;
}
.techn02_swiper .swiper-slide.swiper-slide-next,
.techn02_swiper .swiper-slide.swiper-slide-prev{
    z-index: 0 !important;
    opacity: .3;
}

.techn02_swiper.base_swiper .swiper_btn{
    border-color: #b21e24;
}
.techn02_swiper.base_swiper .swiper_btn::before{
    border-color: #b21e24;
}
.techn02_swiper.base_swiper .swiper_btn:hover::before{
    border-color: #fff;
}
.techn02_swiper.base_swiper .swiper_btn.prev{
    left: -5%;
}
.techn02_swiper.base_swiper .swiper_btn.next{
    right: -5%;
}

.techn03{
    position: sticky;
    top: 0;
    z-index: 1000;
    
}
.techn03 .tabs{
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 15px #f2f2f2;
    background-color: #fff;
}
.techn03 .tabs .tab{
    line-height: 100px;
    text-align: center;
    margin: 0 .275rem;
    font-size: 16px;
    color: #333333;
    padding: 0 .55rem;
    cursor: pointer;
    display: block;
}
.techn03 .tabs .tab.cur{
    background-color: #b21e24;
    color: #fff;
}

.techn04{
    padding: 1rem 0;
    background-color: #f8f8f8;
}
.techn04 .title{
    text-align: center;
}
.techn04 .list10{
    margin-top: .5rem;    
}

.list10{
    display: flex;
    align-items: center;
}
.list10 .item{
    flex: 1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    padding-bottom: 6rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.list10 .main{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.list10 .item:not(:first-child){
    margin-left: 0.6%;
}
.list10 .capt{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 36%;
}
.list10 .tit{
    font-size: .26rem;
    line-height:1.23;
    margin-top: .2rem;
}
.list10 .item .desc{
    height: 0;
    overflow: hidden;
}
.list10 .icon img{
    height: .44rem;
}
.list10 .item.cur{
    flex: 5;
}


.list10 .item.cur .capt{
    padding-top: 0;
    flex-direction: unset;
    align-items: center;
}
.list10 .item.cur .capt .tit{
    margin-top: 0;
    margin-left: 15px;
}
.list10 .item.cur .main{
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding: 5%;
}
.list10 .item.cur .desc{
    height: auto;
    margin-top: .2rem;
    font-size: .18rem;
    line-height: 2;
    color: #333333;
}
.techn05{
    padding: 1.2rem 0 1.3rem;
    overflow: hidden;
}
.techn05 .title{
    text-align: center;
    line-height: 1.5;
}

.techn05 .desc{
    font-size: .2rem;
    color: #333333;
    line-height: 1.8;
    margin-top: .35rem;
    text-align: center;
}
.techn05 .main{
    margin-top: .5rem;
}

/*honor*/


.techn05 .list {
    position: relative;
}
.techn05 .box {
    position: relative;
    padding-bottom: 34.723%;
}
.techn05_swiper.base_swiper .swiper_btn{
    border-color: #b21e24;
    z-index: 18;
}
.techn05_swiper.base_swiper .swiper_btn::before{
    border-color: #b21e24;
}
.techn05_swiper.base_swiper .swiper_btn:hover::before{
    border-color: #fff;
}
.techn05_swiper.base_swiper .swiper_btn.prev{
    left: -10%;
}
.techn05_swiper.base_swiper .swiper_btn.next {
    right: -10%;
}

.techn05 .dots {
    display: none;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.techn05 .dots span {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    margin: 0 10px;
}

.techn05 .dots .current {
    background-color: #000;
}

.techn05 .item {
    position: absolute;
    transition: 0.3s;
    width: 48.2638%;
    left: 50%;
    top: 50%;
    opacity: 0;
    z-index: 1;
    text-align: center;
}

.techn05 .name {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 100%;
    font-size: 1.87em;
    font-weight: 400;
    line-height: 1.87em;
    margin-top: 2.755%;
    opacity: 0;
}

.techn05 .pic {
    background: #fff no-repeat center center;
    background-size: 100% 100%;
    box-shadow: 0px 15px 36px rgba(0, 0, 0, 0.32);
    display: inline-block;
    padding: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.techn05 #slide0 {
    z-index: 6;
    opacity: 1;
    transform: translateX(-114%) translateY(-50%) scale(0.8);
    -webkit-transform: translateX(-114%) translateY(-50%) scale(0.8);
    -moz-transform: translateX(-114%) translateY(-50%) scale(0.8);
    -ms-transform: translateX(-114%) translateY(-50%) scale(0.8);
    -o-transform: translateX(-114%) translateY(-50%) scale(0.8);
}

.techn05 #slide1 {
    z-index: 8;
    opacity: 1;
    transform: translateX(-85%) translateY(-50%) scale(0.9);
    -webkit-transform: translateX(-85%) translateY(-50%) scale(0.9);
    -moz-transform: translateX(-85%) translateY(-50%) scale(0.9);
    -ms-transform: translateX(-85%) translateY(-50%) scale(0.9);
    -o-transform: translateX(-85%) translateY(-50%) scale(0.9);
}

.techn05 #slide2 {
    z-index: 9;
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
}

.techn05 #slide2 .name {
    opacity: 1;
}

.techn05 #slide3 {
    z-index: 7;
    opacity: 1;
    transform: translateX(-6%) translateY(-50%) scale(0.9);
    -webkit-transform: translateX(-6%) translateY(-50%) scale(0.9);
    -moz-transform: translateX(-6%) translateY(-50%) scale(0.9);
    -ms-transform: translateX(-6%) translateY(-50%) scale(0.9);
    -o-transform: translateX(-6%) translateY(-50%) scale(0.9);
}

.techn05 #slide4 {
    z-index: 6;
    opacity: 1;
    transform: translateX(13.5%) translateY(-50%) scale(0.8);
    -webkit-transform: translateX(13.5%) translateY(-50%) scale(0.8);
    -moz-transform: translateX(13.5%) translateY(-50%) scale(0.8);
    -ms-transform: translateX(13.5%) translateY(-50%) scale(0.8);
    -o-transform: translateX(13.5%) translateY(-50%) scale(0.8);
}

.techn06{
    background-repeat: no-repeat;
    background-size: cover;
    padding: 1.25rem 0;
}
.techn06 .title{
    text-align: center;
}
.techn06 .desc{
    font-size: .2rem;
    color: #333333;
    line-height: 1.8;
    margin-top: 0.35rem;
    text-align: center;
}
.techn06 .techn06_swiper{
    margin-top: .5rem;
}
.techn06_swiper .item{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 25px 25px 30px;
    background-color: #fff;

}
.techn06_swiper .imgbox{
    padding-bottom: 130.5%;
    position: relative;
}
.techn06_swiper .imgbox img{
    position: absolute;
    left: 50%;
    height: 100%;
    max-width: 100%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.techn06_swiper .tit{
    font-size: .18rem;
    color: #333333;
    text-align: center;
    margin-top: .3rem;
}
.techn06_swiper.base_swiper .swiper_btn{
    border-color: #b21e24;
    z-index: 18;
}
.techn06_swiper.base_swiper .swiper_btn::before{
    border-color: #b21e24;
}
.techn06_swiper.base_swiper .swiper_btn.prev{
    left: -10%;
}
.techn06_swiper.base_swiper .swiper_btn.next{
    right: -10%;
}
.techn06_swiper.base_swiper .swiper_btn:hover::before{
    border-color: #fff;
}

@media(max-width:1560px){
    .techn05 .next,
    .techn06_swiper.base_swiper .swiper_btn.next,
    .techn05_swiper.base_swiper .swiper_btn.next,
    .techn02_swiper.base_swiper .swiper_btn.next{
        right: 0%;
    }
    .techn05 .prev,
    .techn06_swiper.base_swiper .swiper_btn.prev,
    .techn05_swiper.base_swiper .swiper_btn.prev,
    .techn02_swiper.base_swiper .swiper_btn.prev{
        left: 0%;
    }
    
}
@media(max-width:1280px){
    .techn03 .tabs .tab {
        line-height: 80px;
    }
    .techn04 {
        padding: .5rem 0;
    }
    .techn05 {
        padding: .8rem 0 1.8rem;
    }
    .techn06 {
        padding: .8rem 0;
    }
    .techn01 {
        padding: .8rem 0 .3rem;
    }
}
@media(max-width:1024px){
    .techn05 #slide0 {
        transform: translateX(-114%) translateY(-50%) scale(0.8);
        -webkit-transform: translateX(-113%) translateY(-50%) scale(0.8);
        -moz-transform: translateX(-114%) translateY(-50%) scale(0.8);
        -ms-transform: translateX(-114%) translateY(-50%) scale(0.8);
        -o-transform: translateX(-114%) translateY(-50%) scale(0.8);
    }
    .techn05 #slide1 {
        transform: translateX(-114%) translateY(-50%) scale(0.8);
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        -moz-transform: translateX(-114%) translateY(-50%) scale(0.8);
        -ms-transform: translateX(-114%) translateY(-50%) scale(0.8);
        -o-transform: translateX(-114%) translateY(-50%) scale(0.8);
        z-index:10;
    }
    .techn05 #slide2 {
        transform: translateX(19%) translateY(-50%) scale(0.8);
        -webkit-transform: translateX(19%) translateY(-50%) scale(0.8);
        -moz-transform: translateX(19%) translateY(-50%) scale(0.8);
        -ms-transform: translateX(19%) translateY(-50%) scale(0.8);
        -o-transform: translateX(19%) translateY(-50%) scale(0.8);
    }
    .techn05 #slide2 .name{
        opacity: 0;
    }
    .techn05 #slide1 .name{
        opacity: 1;
    }
    .techn05 #slide3,
    .techn05 #slide4{
        opacity: 0 !important;
        transform: unset !important;
        -webkit-transform: unset !important;
        -moz-transform: unset !important;
        -ms-transform: unset !important;
        -o-transform: unset !important;
    }
    .techn05 .name {
        font-size: 16px;
    }
    .techn06 .techn06_swiper{
        padding: 0 1rem;
    }
}
@media(max-width:768px){
    .techn05 .box {
        padding-bottom: 68.723%;
    }
    .techn03 .tabs .tab {
        line-height: 60px;
        font-size: 14px;
    }
    .techn06_swiper .item {
        padding: 15px;
    }
}
@media(max-width:640px){
    .box1 {
        flex-wrap: wrap;
    }
    
    .box1 .left {
        width: 100%;
    }
    
    .box1 .right {
        width: 100%;
    }
    
    .box1 .editor, .box1 .editor * {
        font-size: 12px;
    }
    
    .box1 .ctit {
        font-size: 14px;
    }
    
    .box1 .editor {
        margin-top: 10px;
    }
    
    .list9 {
        padding: 15px;
        flex-wrap: wrap;
    }
    
    .list9 .item {
        width: 50%;
        margin-bottom: 15px;
    }
    
    .list9 .s1 {
        font-size: .5rem;
    }
    
    .list9 .t1 {
        font-size: 12px;
    }
    
    .list9 .ptit {
        font-size: 12px;
    }
    
    .techn02_swiper .item_box {
        padding: 20px 0;
    }
    
    .techn02 {
        padding: 15px 0;
    }
    
    .techn03 .tabs .tab {
        font-size: 12px;
        padding: 0 10px;
    }
    
    .list10 {
        flex-wrap: wrap;
    }
    
    .list10 .item {
        flex: unset !important;
        width: 100%;
        padding-bottom: unset;
        margin-bottom: 2%;
    }
    
    .list10 .main {
        position: static !IMPORTANT;
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
        padding: 5%;
    }
    
    .list10 .capt {
        padding-top: 0;
        padding-top: 0;
        flex-direction: unset;
        align-items: center;
    }
    
    
    .list10 .item .desc {
        height: auto;
        margin-top: 0.2rem;
        font-size: .18rem;
        line-height: 2;
        color: #333333;
        font-size: 12px;
    }
    
    .list10 .tit {
        font-size: 14px;
    }
    
    .techn05 {
        padding: 25px 0;
    }
    
    .techn05 .pic {
        padding: 10px;
    }
    
    
    .techn05 #slide1 {
        transform: translateX(-114%) translateY(-50%) scale(0.9);
        -webkit-transform: translateX(-50%) translateY(-50%) scale(.9);
        -moz-transform: translateX(-114%) translateY(-50%) scale(0.9);
        -ms-transform: translateX(-114%) translateY(-50%) scale(0.9);
        -o-transform: translateX(-114%) translateY(-50%) scale(0.9);
    }
    
    .techn06 .desc {
        font-size: 12px;
    }
    
    .techn06_swiper .tit {
        font-size: 12px;
    }
    .techn01{
        padding: 20px  0 10px;
    }
    .techn01 .list9{
        margin-top: 10px;
    }
}

/* 世界工厂 */

.factor01{
    padding: 1.1rem 0 0;
}
.factor01 .title{
    text-align: center;
    line-height: 1.5;
    color: #000000;
}
.factor01 .desc{
    font-size: .24rem;
    color: #666666;
    line-height: 1.5;
    margin-top: .1rem;
    text-align: center;
}
.factor01 .main{
    margin-top: .4rem;
}
.factor01 .ctit{
    font-size: .32rem;
    color: #b21e24;
}
.factor01 .editor{
    margin-top: .3rem;
}
.factor01 .imgbox{
    margin-top: .3rem;
}
.factor01 .imgbox img{
    width: 100%;
}
.list11{
    display: flex;
    flex-wrap: wrap;
    padding: .4rem 0 .3rem;
}
.list11 .item{
    width: 25%;
    text-align: center;
    padding-bottom: .4rem;
}
.list11 .icon{
    display: inline-block;
    width: 1rem;
}
.list11 .tit{
    margin-top: .15rem;
    font-size: .2rem;
    color: #000000;
}
.list11 .tit span{
    font-size: .3rem;
    color: #b21e24;
}

.factor02{
    position: sticky;
    top: 0;
    box-shadow: 0 0 15px #f2f2f2;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    z-index: 1000;
    background-color: #fff;
}
.factor02 .tabs{
    display: flex;
    justify-content: space-between;
}
.factor02 .tabs .tab{
    font-size: 16px;
    color: #333;
    line-height: 80px;
    position: relative;
    cursor: pointer;
}
.factor02 .tabs .tab.cur{
    color: #b21e24;
}
.factor02 .tabs .tab.cur::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #b21e24;
}

.factor03{
    padding: 1rem 0;
    background-color: #f8f8f8;
}
.factor03 .title{
    text-align: center;
    line-height: 1.5;
    color: #000000;
}
.factor03 .desc{
    font-size: .24rem;
    color: #666666;
    line-height: 1.5;
    margin-top: .1rem;
    text-align: center;
}
.factor03 .main{
    margin-top: .4rem;
}
.factor03 .tit{
    font-size: .32rem;
    color: #b21e24;
}
.factor03 .ctit{
    font-size: .18rem;
    color: #666666;
}
.factor03 .editor{
    margin-top: .3rem;
}
.factor03 .imgbox{
    text-align: center;
}
.factor03 .imgbox img{
    display: inline-block;
    margin-top: 5%;
}
.factor04{
    padding: .9rem 0;
}
.factor04 .imgbox{
    text-align: center;
    margin-top: .5rem;
}
.factor04 .title{
    text-align: center;
    line-height: 1.5;
    color: #000000;
}
.factor04 .desc{
    text-align: center;
    line-height: 1.5;
    color: #000000;
    font-size: .32rem;
    color: #333333;
    margin-top: .2rem;
    font-family:"HarmonyMedium";
}

.factor05{
    padding: 1rem 0 .8rem;
    background-repeat: no-repeat;
    background-size: cover;
}
.factor05 .title{
    text-align: center;
    line-height: 1.5;
    color: #000000;
}
.factor05 .desc{
    font-size: .20rem;
    color: #333333;
    line-height: 1.5;
    margin-top: .1rem;
    text-align: center;
}
.factor05 .list12{
    margin-top: .4rem;
}
.list12{
    display: flex;
    flex-wrap: wrap;
}
.list12 .item{
    width: 23.5%;
    margin-bottom: 2%;
    background-color: #ffffff;
    box-shadow: 0 0 15px #e7eff7;
    text-align: center;
    padding: .5rem 2%;
}
.list12 .item:not(:nth-child(4n+1)){
    margin-left: 2%;
}
.list12 .icon{
    height: 65px;
    display: inline-block;
}
.list12 .icon img{
    height: 100%;
}
.list12 .item:hover .icon img{
    animation: icon-bounce 0.5s alternate;
}
.list12 .tit{
    font-size: .32rem;
    color: #333333;
    margin-top: .25rem;
}
.list12 .ctit{
    font-size: .28rem;
    font-weight: 700;
    color: #b21e24;
    margin-top: .1rem;
}
.list12 .editor{
    margin-top: .2rem;
}


.factor06{
    padding: 1rem 0 .9rem;
    background-repeat: no-repeat;
    background-size: cover;
}
.factor06 .title{
    text-align: center;
    line-height: 1.5;
    color: #000000;
}
.factor06 .list13{
    margin-top: .5rem;
}
.list13{
    display: flex;
}
.list13 .item{
    width: 20%;
    text-align: center;
}
.list13 .icon{
    position: relative;
    width: 85px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 14px solid #b21e24;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 0 auto;
}
.list13 .icon::before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom: 11px solid #b21e24;
    border-top: 0;
    right: -23px;
    top: 44%;
    bottom: -13px;
    z-index: 1;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.list13 .icon img{
    width: 50%;
}
.list13 .bar{
    margin-top: .3rem;
    height: .2rem;
    position: relative;
}
.list13 .bar::before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    border-bottom: 1px dashed #f4eded;
}
.list13 .bar span{
    display: block;
    width: .2rem;
    height: .2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    border: 1px dashed #b21e24;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.list13 .bar span::before{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 50%;
    height: 50%;
    background-color: #b21e24;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.list13 .tit{
    font-size: .32rem;
    color: #333333;
    margin-top: .35rem;
}
.list13 .labels_box{
    display: flex;
    align-items: center;
    justify-content: center;
}
.list13 .labels{
    margin-top: .35rem;
    padding: 0 5%;
}
.list13 .label{
    font-size: .2rem;
    color: #333333;
    line-height: 1.8;
    position: relative;
    padding-left: 12px;
    text-align: left;
    display: inline-block;
}
.list13 .label::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: .15rem;
    width: 5px;
    height: 5px;
    background-color: #b21e24;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.factor09{
    padding: 1rem 0;
    background-color: #f8f8f8;
}
.factor09 .title{
    line-height: 1.15;
    color: #b21e24;
    text-align: center;
}
.factor09 .desc{
    text-align: center;
    font-size: .18rem;
    color: #666666;
    line-height: 2;
}
.factor09 .list14{
    margin-top: .5rem;
}


.list14{
    display: flex;
}
.list14 .item{
    width: 23.5%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 15px #f8f8f8;
    background-color: #ffffff;
}
.list14 .item:not(:nth-child(5n+1)){
    margin-left: 2%;
}
.list14 .imgbox{
    padding-bottom: 76%;
    position: relative;
    overflow: hidden;
}
.list14 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s all
}
.list14 .item:hover .imgbox img{
    transform: scale(1.1);
}
.list14 .text_box{
    flex: 1;
    padding: .35rem 5% .2rem;
    text-align: center;
}
.list14 .tit{
    font-size: .32rem;
    line-height: 1.125;
    color: #333333;
}
.list14 .lables{
    margin-top: .25rem;
}
.list14 .lable{
    font-size: .2rem;
    color: #333333;
    line-height: 1.8;
}
.factor10{
    padding: 1rem 0;
}
.factor10 .title{
    text-align: center;
    line-height: 1.5;
    color: #000000;
}
.factor10 .list15{
    margin-top: .6rem;
}
.list15{
    display: flex;
}
.list15 .item{
    display: flex;
    background-color: #f8f8f8;
    flex-direction: column;
    width: 33.33%;
}
.list15 .imgbox{
    padding-bottom: 50%;
    position: relative;
    overflow: hidden;
}
.list15 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s all
}
.list15 .item:hover .imgbox img{
    transform: scale(1.1)
}
.list15 .text_box{
    padding-bottom: 50%;
    position: relative;
}
.list15 .main{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    text-align: center;
    width: 85%;
}
.list15 .icon img{
    max-height: 55px;
    max-width: 50px;
}
.list15 .item:hover .icon img{
    animation: icon-bounce 0.5s alternate;
}
.list15 .tit{
    font-size: .2rem;
    color: #000000;
    margin-top: .15rem;
    line-height: 1.8;
}
.list15 .item:nth-child(2n){
    flex-direction: column-reverse;
}

.factor11{
    padding: 1rem 0;
    background-color: #f8f8f8;
}
.factor11 .title{
    text-align: center;
    line-height: 1.5;
    color: #000000;
}
.factor11 .list16{
    margin-top: .5rem;
}
.list16{
    display: flex;
}
.list16 .item{
    width: 31.06%;
}
.list16 .item:not(:nth-child(3n+1)){
    margin-left: 3.4%;
}
.list16 .imgbox{
    overflow: hidden
}
.list16 .imgbox img{
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    width: 100%;
}
.list16 .item:hover .imgbox img{
    transform: scale(1.1)
}
.list16 .icon{
    width: 115px;
    height: 115px;
    display: flex;
    align-items:center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #fff;
    margin: -.6rem auto 0;
    position: relative;
    z-index: 2;
}
.list16 .icon img{
    max-width: 50%;
}
.list16 .item:hover .icon img{
    animation: icon-bounce 0.5s alternate;
}
.list16 .tit{
    font-size: .32rem;
    color: #000000;
    line-height: 1.15;
    margin-top: .15rem;
    text-align: center;
}
.list16 .desc{
    font-size: .2rem;
    color: #333;
    line-height: 1.8;
    margin-top: .2rem;
}

.factor12{
    padding: 1.25rem 0 1.1rem;
}
.factor12 .title{
    text-align: center;
    line-height: 1.5;
    color: #000000;
}
.factor12 .ctit{
    font-size: .24rem;
    color: #666;
    line-height: 1.5;
    text-transform: uppercase;
    text-align: center;
}
.factor12 .desc{
    font-size: .2rem;
    color: #000000;
    line-height: 1.8;
    margin-top: .5rem;
    text-align: center;
}
.factor12 .map{
    text-align: center;
    margin-top: .45rem;
}
.factor12 .list17{
    margin-top: .1rem;
}

.list17{
    display: flex;
    flex-wrap: wrap;
}
.list17 .item{
    width: 31.53%;
    box-shadow: 0 10px 15px #e0e0e0;
    margin-bottom: 2.7%;
    text-align: center;
    padding: 3%;
}
.list17 .item:not(:nth-child(3n+1)){
    margin-left: 2.7%;
}
.list17 .imgbox{
    height: .8rem;
    position: relative;
    transition: 0.3s all
}
.list17 .item:hover .imgbox{
    transform: scale(1.1)
}
.list17 .imgbox img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 100%;
}
.list17 .ptit{
    font-size: .32rem;
    color: #000000;
    line-height: 1.15;
    margin-top: .15rem;
}
.list17 .pdesc{
    font-size: .2rem;
    color: #333333;
    line-height: 1.8;
}
.factor12 .main{
    margin-top: .3rem;
}
.factor12_swiper{
    position: relative;
}
.factor12_swiper .item{
    background-color: #f8f8f8;
    padding-bottom: 50%;
    position: relative;
}
.factor12_swiper .item img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 35%;
}
.factor12_swiper .swiper_btn{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 2;
}
.factor12_swiper .swiper_btn.prev{
    left: -3%;
}
.factor12_swiper .swiper_btn.next{
    right: -3%;
}
.factor12_swiper .swiper_btn.prev::before{
    content: '';
    display: block;
    position: absolute;
    top: 26%;
    border-bottom: 2px solid #b21e24;
    border-left: 2px solid #b21e24;
    right: 3px;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.factor12_swiper .swiper_btn.next::before {
    content: '';
    display: block;
    position: absolute;
    top: 26%;
    border-top: 2px solid #b21e24;
    border-right: 2px solid #b21e24;
    right: 9px;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.factor07{
    padding: 1rem 0;
    background-color: #f8f8f8;
}
.factor07 .title{
    text-align: center;
    color: #000;
    line-height: 1.5;
}
.factor07 .tit{
    margin-top: .55rem;
    text-align: center;
    color: #b21e24;
}
.factor07 .desc{
    text-align: center;
    font-size: .18rem;
    color: #666666;
}
.factor07 .main{
    margin: .75rem 0 .5rem;
}
.factor07 .main .center{
    position: relative;
}
.box2{
    padding: 0 12.5%;
    text-align: center;
    position: relative;
}
.box2 .imgbox{
    display: inline-block;
    position: relative;
}
.box2 .center_tit{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 2rem;
    height: 2rem;
    background-color: #f8f8f8;
    font-size: .32rem;
    color: #333333;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box2 .lis{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box2 .li{
    position: absolute;
    z-index: 2;
}
.box2 .li img{
    width: .35rem;
}
.box2 .li:nth-child(1){
    left: 29%;
    top: 14%;
}
.box2 .li:nth-child(2){
    left: 11%;
    top: 44%;
}
.box2 .li:nth-child(3){
    left: 26%;
    top: 77%;
}
.box2 .li:nth-child(4){
    left: 64%;
    top: 78%;
}
.box2 .li:nth-child(5){
    left: 82%;
    top: 46%;
}
.box2 .li:nth-child(6){
    left: 65%;
    top: 16%;
}
.box2 .tets{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box2 .tets .tet{
    position: absolute;
    max-width: 23%;
    display: flex;
}
.box2 .tets .tet_tit{
    font-size: .32rem;
    color: #333333;
    line-height: 1.2;
}
.box2 .tets .tet_desc{
    font-size: .2rem;
    color: #333333;
    line-height: 1.8;
}
.box2 .tets .icon{
    max-width: .35rem;
    animation: topbot 3s infinite;
    -webkit-animation: topbot 3s infinite;
}
.box2 .tets .icon img{
    width: 100%;
}
.box2 .tets .tet:nth-child(1) .icon,
.box2 .tets .tet:nth-child(2) .icon,
.box2 .tets .tet:nth-child(3) .icon{
    margin-left: .2rem;
}
.box2 .tets .tet:nth-child(1),
.box2 .tets .tet:nth-child(2),
.box2 .tets .tet:nth-child(3){
    text-align: right;
}
.box2 .tets .tet:nth-child(4),
.box2 .tets .tet:nth-child(5),
.box2 .tets .tet:nth-child(6){
    flex-direction: row-reverse;
    text-align: left;
}
.box2 .tets .tet:nth-child(4) .icon,
.box2 .tets .tet:nth-child(5) .icon,
.box2 .tets .tet:nth-child(6) .icon{
    margin-right: .2rem;
}
.box2 .tets .tet:nth-child(1){
    left: 9%;
    top: 4%;
}
.box2 .tets .tet:nth-child(2){
    left: 1%;
    top: 41%;
}
.box2 .tets .tet:nth-child(3){
    left: 4%;
    top: 79%;
}
.box2 .tets .tet:nth-child(4){
    right: 6.4%;
    top: 79%;
}
.box2 .tets .tet:nth-child(5){
    right: 5%;
    top: 41%;
}
.box2 .tets .tet:nth-child(6){
    right: 3.4%;
    top: 4%;
}

.factor08{
    padding: 1rem 0;
}
.factor08 .title{
    text-align: center;
    color: #b21e24;
}
.factor08 .desc{
    margin-top: 0.05rem;
    text-align: center;
    font-size: .18rem;
    color: #666666;
}
.factor08 .main{
    margin-top: .6rem;
}
.box3{
    margin: .9rem 0 0;
    position: relative;
}
.box3 .center{
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.box3 .imgbox{
    width: 5.2rem;
    height: 5.2rem;
    background-color: #f4eded;
    border: 1px dashed #b21e24;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    display: inline-block;
}
.box3 .tit_box{
    width: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #b21e24;
    height: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .36rem;
    color: #ffffff;
}
.list18{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.list18 .item{
    position: absolute;
    width: 30%;
    height: 30%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #c96165;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .26rem;
    color: #ffffff;
    animation: topbot 3s infinite;
    -webkit-animation: topbot 3s infinite;
}
.list18 .item:nth-child(1){
    left: 1%;
    top: 1%;
}
.list18 .item:nth-child(2){
    right: 1%;
    top: 1%;
}
.list18 .item:nth-child(3){
    left: 1%;
    bottom: 1%;
}
.list18 .item:nth-child(4){
    right: 1%;
    bottom: 1%;
}
.list19{
    display: flex;
    flex-wrap: wrap;
}
.list19 .item{
    width: 35.8%;
    margin-bottom: .6rem;
    position: relative;
}
.list19 .item:not(:nth-child(2n+1)){
    margin-left: 28.4%;
}
.list19 .ptit{
    font-size: .32rem;
    color: #333333;
    line-height: 1.15;
}
.list19 .pdesc{
    font-size: .2rem;
    color: #333333;
    line-height: 1.8;
    margin-top: .1rem;
    text-align: left;
}
.list19 .item:nth-child(1),
.list19 .item:nth-child(3){
    padding-right: 11%;
}
.list19 .item:nth-child(2),
.list19 .item:nth-child(4){
    padding-left: 11%;
}

.list19 .item:nth-child(1),
.list19 .item:nth-child(2){
    padding-top: .8rem;
}
.list19 .item:nth-child(1) .bar{
    display: block;
    width: 100%;
    height: .6rem;
    border-left: 1px solid #e5e5e5;    
    border-top: 1px solid #e5e5e5;   
    border-right: 1px solid #e5e5e5;   
    position: absolute;
    top: 0;
    left: .05rem;
}
.list19 .item:nth-child(1) .bar::before{
    content: '';
    display: block;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #b21e24;
    position: absolute;
    bottom: 0;
    left: -.05rem;
}
.list19 .item:nth-child(1) .bar::after{
    content: '';
    display: block;
    width: 1px;
    height: 0.2rem;
    position: absolute;
    right: -0.02rem;
    top: 100%;
    background-color: #e5e5e5;
}
.list19 .item:nth-child(2) .bar{
    display: block;
    width: 100%;
    height: .6rem;
    border-left: 1px solid #e5e5e5;    
    border-top: 1px solid #e5e5e5;   
    border-right: 1px solid #e5e5e5;   
    position: absolute;
    top: 0;
    left: .05rem;
}
.list19 .item:nth-child(2) .bar::before{
    content: '';
    display: block;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #b21e24;
    position: absolute;
    bottom: 0;
    right: -.05rem;
}
.list19 .item:nth-child(2) .bar::after{
    content: '';
    display: block;
    width: 1px;
    height: 0.2rem;
    position: absolute;
    left: -0.01rem;
    top: 100%;
    background-color: #e5e5e5;
}

.list19 .item:nth-child(3),
.list19 .item:nth-child(4){
    padding-bottom: .8rem;
}
.list19 .item:nth-child(3) .bar{
    display: block;
    width: 100%;
    height: .6rem;
    border-left: 1px solid #e5e5e5;    
    border-bottom: 1px solid #e5e5e5;   
    border-right: 1px solid #e5e5e5;   
    position: absolute;
    top: 100%;
    left: .05rem;
}
.list19 .item:nth-child(3) .bar::before{
    content: '';
    display: block;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #b21e24;
    position: absolute;
    top: 0;
    left: -.05rem;
}
.list19 .item:nth-child(3) .bar::after{
    content: '';
    display: block;
    width: 1px;
    height: 0.2rem;
    position: absolute;
    right: -0.01rem;
    bottom: 100%;
    background-color: #e5e5e5;
}
.list19 .item:nth-child(4) .bar{
    display: block;
    width: 100%;
    height: .6rem;
    border-left: 1px solid #e5e5e5;    
    border-bottom: 1px solid #e5e5e5;   
    border-right: 1px solid #e5e5e5;   
    position: absolute;
    top: 100%;
    left: .05rem;
}
.list19 .item:nth-child(4) .bar::before{
    content: '';
    display: block;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #b21e24;
    position: absolute;
    top: 0;
    right: -.05rem;
}
.list19 .item:nth-child(4) .bar::after{
    content: '';
    display: block;
    width: 1px;
    height: 0.2rem;
    position: absolute;
    left: -0.01rem;
    bottom: 100%;
    background-color: #e5e5e5;
}
@media(max-width:1280px){
    .factor01,
    .factor03,.factor04,.factor05,.factor06,.factor07,.factor08,.factor09,.factor10,.factor11{
        padding: .5rem 0;
    }
    .factor07 .tit {
        margin-top: .2rem;
    }
    .box2 .tets .tet_tit {
        font-size: .28rem;
    }
    .factor10 .list15 {
        margin-top: .4rem;
    }
    .factor12 {
        padding: .7rem 0;
    }
    .factor12_swiper .swiper_btn.prev {
        left: 0;
    }
    .factor12_swiper .swiper_btn.next {
        right: 0;
    }
    .box2 {
        padding: 0 2%;
    }
}
@media(max-width:1024px){
    .box2 .imgbox {
        transform: scale(.7);
    }
    .list16 .icon {
        width: 60px;
        height: 60px;
    }
    .box2 .li img {
        width: 0.6rem;
    }
}
@media(max-width:768px){
    .factor03,.factor04,.factor05,.factor06,.factor07,.factor08,.factor09,.factor10,.factor11{
        padding: 20px 0;
    }
    .factor02 .tabs .tab {
        font-size: 12px;
        line-height: 60px;
    }
}
@media(max-width:640px){
    .factor01 .desc {
        font-size: 12px;
    }
    .factor01 .ctit {
        font-size: 16px;
    }
    .list11 .item {
        width: 33.33%;
        padding-bottom: .3rem;
    }
    .factor02 .tabs .tab {
        white-space: nowrap;
    }
    .factor02 .tabs .tab:not(:first-child){
        margin-left: .5rem;
    }
    .factor02 .tabs {
        overflow-x: auto;
        overflow-y: hidden;
    }
    .list12 .icon {
        height: 30px;
    }
    
    .list12 .item {
        width: 49%;
    }
    
    .list12 .item:not(:nth-child(4n+1)) {
        margin-left: 0;
    }
    
    .list12 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    
    .list13 {
        flex-wrap: wrap;
    }
    
    .list13 .item {
        width: 50%;
        margin-bottom: 15px;
    }
    
    .list13 .icon {
        width: 50px;
        height: 50px;
        border-width: 5px;
    }
    .box2 .imgbox {
        transform: scale(.9);
    }
    
    .box2 .tets {
        position: static;
        display: flex;
        flex-wrap: wrap;
    }
    
    .box2 .tets .tet {
        margin-bottom: 4%;
        position: static;
        width: 48%;
        max-width: unset;
    }
    
    
    .box2 .tets .tet:nth-child(4), .box2 .tets .tet:nth-child(5), .box2 .tets .tet:nth-child(6) {
        flex-direction: column-reverse;
    }
    
    .box2 .tets .tet:nth-child(1), .box2 .tets .tet:nth-child(2), .box2 .tets .tet:nth-child(3) {
        flex-direction: column-reverse;
        text-align: left;
    }
    
    .box2 .tets .tet:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    .list15 .icon img {
        max-height: 35px;
        max-width: 30px;
    }
    .box3 .center {
        position: static;
        transform: unset;
    }
    
    .list19 .item:nth-child(1), .list19 .item:nth-child(3) {
        padding-right: 3%;
    }
    
    .list19 .item:nth-child(2), .list19 .item:nth-child(4) {
        padding-left: 3%;
    }
    
    .list19 .item:not(:nth-child(2n+1)) {
        margin-left: 4%;
    }
    
    .list19 .item {
        width: 48%;
    }
    
    .list14 {
        flex-wrap: wrap;
    }
    
    .list14 .item {
        width: 49%;
        margin-bottom: 2%;
    }
    
    .list14 .item:not(:nth-child(5n+1)) {
        margin-left: 0;
    }
    
    .list14 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    
    .list14 .lable {
        font-size: 12px;
    }
    
    .list15 {
        flex-wrap: wrap;
    }
    
    .list15 .item {
        width: 50%;
    }
    
    .list16 .icon {
        width: 45px;
        height: 45px;
    }
    
    .list16 .item {
        width: 49%;
        margin-bottom: 2%;
    }
    
    .list16 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    
    .list16 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    
    .list16 {
        flex-wrap: wrap;
    }
    
    .list17 .ptit {
        font-size: 14px;
    }
    .list17 .item {
        width: 49%;
    }
    
    .list17 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    
    .list17 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    .list17 .imgbox {
        height: 0.6rem;
    }
    .factor12_swiper .item {
        padding-bottom: 37%;
    }
}



/* 舒蕾品牌 */
.base_banner3{
    position: relative;
}
.base_banner3 .imgbox{
    overflow: hidden;
}
.base_banner3 .imgbox::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-image: url(../images/icon16.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 9.6rem;
    height: 3.06rem;
    background-size: contain;
    max-width: 100%;
}
.base_banner3 img{
    animation: myscale 5s infinite;
    -webkit-animation: myscale 5s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    width: 100%;
}
.base_banner3 .main{
    position: absolute;
    bottom: .35rem;
    left: 0;
    right: 0;
    z-index: 2;
}
.base_banner3 .ctit{
    font-size: .24rem;
    margin-top: .1rem;
}
.base_banner3 .base_more{
    margin-top: .2rem;
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}
.base_banner3 .tit{
    position: relative;
}
.base_banner3 .tit::before{
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #fff;
    bottom: 110%;
    left: .1rem;
    position: absolute;
}
.base_banner3 .tit::after{
    content: '';
    display: block;
    position: absolute;
    bottom: 110%;
    left: .12rem;  
    width: 1px;
    height: 2.2rem;
    background-color: rgba(255, 255, 255, .6);  
}



.orand01{
    background-repeat: no-repeat;
    background-size: cover;
}
.orand01 .content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding-left: calc(((100% - 1440px)/2));
}
.orand01 .left{
    width: 31%;
}
.orand01 .right{
    width: 60%;
}
.orand01 .imgbox{
    position: relative;
}
.orand01 .imgbox img{
    width: 100%;
}
.orand01 .content .bar{
    position: absolute;
    left: 44%;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    width: 1.56rem;
    height: 100%;
}
.orand01 .title{
    color: #333333;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}
.orand01 .title img{
    display: block;
    margin-right: .2rem;
}
.orand01 .editor{
    margin-top: .35rem;
}
.orand01 .editor,
.orand01 .editor *{
    font-size: .18rem;
}

.orand02{
    padding: 1.15rem 0;
}
.orand02 .title{
    text-align: center;
    line-height: 1.5;
    color: #000;
}
.orand02 .desc{
    font-size: .24rem;
    color: #b21e24;
    text-align: center;
}
.orand02 .list20{
    margin-top: .65rem;
}

.list20{
    display: flex;
    flex-wrap: wrap;
}
.list20 .item{
    width:31.73%;
    padding-bottom: 7.4rem;
    position: relative;
    background-color: #f8f8f8;
}
.list20 .item:not(:nth-child(3n+1)){
    margin-left: 2.4%;
}
.list20 .item:nth-child(2n+1) .imgbox{
    bottom: 0;
    top: unset;
}
.list20 .item:nth-child(2n+1) .text_box{
    top: 0;
    bottom: unset;
}

.list20 .item .imgbox{
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
.list20 .item .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s all;
}
.list20 .item:hover .imgbox img{
    transform: scale(1.1);
}
.list20 .item .text_box{
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.list20 .item .icon{
    height: .5rem;
}
.list20 .item:hover .icon img{
    animation: icon-bounce 0.5s alternate;
}
.list20 .item .tit{
    font-size: .32rem;
    margin-top: .4rem;
    line-height: 1.5;
    max-width: 90%;
}
.list20 .item .ctit{
    font-size: .18;
    line-height: 1.5;
    color: #333333;
    max-width: 75%;
    margin: .15rem auto 0;
    text-align: center;
}



@media(max-width:1480px){
    .orand01 .content{
        padding-left:2%;
    }
    .orand02{
        padding: .5rem 0;
    }
    
}
@media(max-width:768px){
    .orand02{
        padding: 20px 0;
    }
   
    .base_banner3 .ctit {
        display: none;
    }
    .orand01 .editor, .orand01 .editor *{
        font-size: 12px;
    }
}
@media(max-width:640px){
    .orand01 .content {
        flex-wrap: wrap;
        padding: 3% 0 3% 2%;
    }
    .orand01 .left {
        width: 100%;
    }
    .orand01 .right {
        width: 100%;
        margin-top: 15px;
    }
    .orand01 .content .bar{
        opacity: 0;
    }
    .base_banner3 .imgbox::before {
        max-width: 79%;
        background-position: bottom left -64px;
    }
    .list20 .item {
        width: 100%;
    }
    .list20 .item:nth-child(2n+1) .imgbox {
        top: 0;
        bottom: unset;
    }
    .list20 .item:nth-child(2n+1) .text_box {
        top: unset;
        bottom: 0;
    }
    .list20 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
}



/* pro品牌 */
.slek02{
    padding: 1.2rem 0 .6rem;
}
.slek02 .title{
    text-align: center;
    line-height: 1.5;
    color: #000;
}
.slek02 .desc{
    font-size: .24rem;
    color: #b21e24;
    text-align: center;
}
.slek02 .list21{
    margin-top: .6rem;
}

.list21{
    display: flex;
    flex-wrap: wrap;
}
.list21 .item{
    margin-bottom: .6rem;
    width: 47.95%;
    display: flex;
    background-color: #f8f8f8;
}
.list21 .item:nth-child(2n+1){
    flex-direction: row-reverse;
}
.list21 .item:not(:nth-child(2n+1)){
    margin-left: 4.1%;
}
.list21 .imgbox{
    position: relative;
    height: 100%;
    width: 50%;
    overflow: hidden
}
.list21 .imgbox::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(transparent,rgba(0,0,0,.2));
    z-index: 5;
}
.list21 .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s all
}
.list21 .item:hover .imgbox img{
    transform: scale(1.1)
}
.list21 .imgbox .img_tit{
    font-size: .32rem;
    color: #fff;
    position: absolute;
	z-index: 10;
    bottom: .35rem;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}
.list21 .tit{
    font-size: .24rem;
    color: #b21e24;
}
.list21 .text_box{
    width: 50%;
    display: flex;
    padding:2% .6rem;
    flex-direction: column;
    justify-content: center;
}
.list21 .lables{
    margin-top: .2rem;
}
.list21 .lable{
    font-size: .18rem;
    color: #333333;
    line-height: 2;
    position: relative;
    padding-left: 10px;
}
.list21 .lable::before{
    content: '';
    display: block;
    width: .05rem;
    height: .05rem;
    background-color: #959595;
    position: absolute;
    left: 0;
    top: .15rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

@media(max-width:1480px){
    .slek02{
        padding: .5rem 0;
    }
}
@media(max-width:768px){
    .slek02{
        padding: 20px 0;
    }
    .slek02 .list21 {
        margin-top: 15px;
    }
}
@media(max-width:640px){
    .list21 .item {
        width: 100%;
        margin-bottom: 0;
    }
    .list21 .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    .list21 .lable {
        font-size: 12px;
    }
    .list21 .tit {
        font-size: 14px;
    }
}

/* 品牌追溯 */
.orand03{
    padding: .65rem 0;
}
.orand03::before{
    content: '';
    display: block;
}
.orand03 .title{
    color: #fff;
    line-height: 1.5;
    text-align: center;
}
.orand03 .desc{
    color: #fff;
    font-size: .24rem;
    line-height: 1.5;
    letter-spacing: .15rem;
    text-align: center;
}
.orand03 .main{
    padding: .4rem 0;
}

/* .orand03_swiper .swiper-container{
    padding: 0 5%;
} */
.orand03_swiper .year{
    position: relative;
    display: inline-block;
    font-size: 0;
}
.orand03_swiper .year::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #850e0a;    
    height: .13rem;
    z-index: -1;
    bottom: 0;
 
}
.orand03_swiper .year_tit{
    font-size: .6rem;
    color: #ffffff;
    line-height: .8;
    vertical-align: bottom;
    display: inline-block;
    font-weight: 700;
}

.orand03_swiper .year_desc{
    font-size: .4rem;
    color: #ffffff;
    line-height: 1;
    vertical-align: bottom;
    display: inline-block;
}
    


.orand03_swiper .item_tit{
    color: #ffffff;
    line-height: 1.5;
    margin-top: .1rem;
}
.orand03_swiper .itop{
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}
.orand03_swiper .imgbox{
    min-width: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #fff;
    margin-left: .75rem;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.orand03_swiper .editor{
    color: #fff;
    margin-top: .25rem;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 1.07rem;
}
.orand03_swiper .swiper-slide{
    overflow: hidden;
    height: auto;
}
.orand03_swiper .swiper-slide .item{
    height: 6.7rem;
}
.orand03_swiper .swiper-slide .item .bar{
    display: block;
    position: absolute;
    width: 1000%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    height: 2px;
    background-color: #fff;
}
.orand03_swiper .swiper-slide .item .none_box{
    height: 50%;
    position: relative;
}
.orand03_swiper .swiper-slide .item .cmain{
    /* flex: 1; */
    height: 50%;
}
.orand03_swiper .swiper-slide:nth-child(2n+1) .bar{
    top: -1px;
    right: -100%;
}
.orand03_swiper .swiper-slide:nth-child(2n) .bar{
    bottom: -1px;
    left: -100%;
}


.orand03_swiper .swiper-slide:nth-child(2n+1){
    padding-left: 14%;
    padding-right: 5%;
}
.orand03_swiper .swiper-slide:nth-child(2n+1) .cmain{
    padding-left: 15%;
    padding-bottom: .5rem;
}
.orand03_swiper .swiper-slide:nth-child(2n+1) .item{
    position: relative;
    display: flex;
    flex-direction: column-reverse;
}
.orand03_swiper .swiper-slide:nth-child(2n+1) .none_box::before{
    content: '';
    display: block;
    position: absolute;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: -3.5%;
    left: 0;
}
.orand03_swiper .swiper-slide:nth-child(2n+1) .none_box::after{
    content: '';
    display: block;
    position: absolute;
    bottom:100%;
    left: 0.09rem;
    width: .02rem;
    height: 2.2rem;
    background-image: linear-gradient(transparent,#fff);
}

.orand03_swiper .swiper-slide:nth-child(2n){
    padding-right: 12%;
    padding-left: 5%;
}
.orand03_swiper .swiper-slide:nth-child(2n) .cmain{
    padding-left: 15%;
    padding-top: .5rem;
}
.orand03_swiper .swiper-slide:nth-child(2n) .item{
    position: relative;
    display: flex;
    flex-direction: column;
}
.orand03_swiper .swiper-slide:nth-child(2n) .none_box::before{
    content: '';
    display: block;
    position: absolute;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #fff;
    position: absolute;
    bottom: -3.5%;
    left: 0;
}
.orand03_swiper .swiper-slide:nth-child(2n) .none_box::after{
    content: '';
    display: block;
    position: absolute;
    top:100%;
    left: 0.09rem;
    width: .02rem;
    height: 2.2rem;
    background-image: linear-gradient(#fff,transparent);
}



.orand03_swiper .swiper-slide .item1 .bar{
    background-color: transparent;
    bottom: -1px;
}
.orand03_swiper .swiper-slide .item1 .bar::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 2px dashed #fff;
}
.orand03_swiper .swiper-slide .item1 .none_box::before{
    display: none;
}
.orand03_swiper .swiper-slide .item1 .none_box::after{
    display: none;
}
.orand03_swiper .swiper-slide .item.item1::before{
    content: '';
    display: block;
    position: absolute;
    top: 48%;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    right: 0px;
    width: .2rem;
    height: .2rem;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.box4{
    display: flex;
    align-items: center;
}
.box4 .left{
    width: fit-content;
    /* margin-right: .5rem; */
}
.box4 .left .sale_desc{
    font-size: .2rem;
    color: #ffffff;
    padding-top: .2rem;
    margin-top: .2rem;
    position: relative;
}
.box4 .left .sale_desc::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 2px;
    background-color: #fff;
}
.box4 .left .sale{
    display: flex;
    align-items: center;
}
.box4 .left .sale_tit{
    font-size: .25rem;
    color: #ffffff;
    margin-left: .1rem;
    position: relative;
    padding-right: .3rem;
    white-space: nowrap;
}
.box4 .left .sale_tit::before{
    content: '';
    display: block;
    position: absolute;
    top: 35%;
    border-top: .04rem solid #fff;
    border-right: .04rem solid #fff;
    right: .05rem;
    width: .25rem;
    height: .25rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.orand03_swiper .box4{
    margin-top: .2rem;
}


.orand04{
    /* padding-bottom: 9.6rem; */
    position: relative;
}
.orand04 .tab1{
    /* position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2; */
    padding: 0 19%;
    border-bottom: 1px solid #e8e9e9;
}
.tab1 .swiper-slide{
    text-align: center;
}
.tab1 .item{
    font-size: 16px;
    color: #333333;
    padding: .5rem 0 .34rem;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.tab1 .item::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-color: #b21e24;
    opacity: 0;
}
.tab1 .swiper-slide.cur .item{
    color: #b21e24;
}
.tab1 .swiper-slide.cur .item::before{
    opacity: 1;
}

.orand04::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2.5rem;
    background-image: url(../images/icon19.png);
    background-repeat: no-repeat;
    background-size:  auto 100%;
    z-index: 3;
}
.orand04 .tab_box{
    display: flex;
    align-items: center;
    padding: .9rem 1.3rem .9rem .5rem;
}
.tab2{
    width: 2.8rem;
    height: 5.4rem;
    /* position: absolute;
    left: 5%;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%); */
    z-index: 3;
}
.tab2 .tab2_list,
.tab2 .tab2_item{
    height: 100%;
}
.tab2 .swiper-slide{
    height: auto;
}
.tab2 .swiper-container{
    height: 100%;
    padding: 2%;
}
.tab2 .item{
    display: flex;
    align-items: center;
}
.tab2 .imgbox{
    position: relative;
    width: 2.1rem;
    height: 2.1rem;
    background-color: #fff;
    box-shadow: 0 0 10px #e1e2e3;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab2 .imgbox img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-width: 56%;
    z-index: 0;
}
.tab2 .imgbox::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    z-index: 1;
}
.tab2 .tab2_tit{
    font-size: .2rem;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 53%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-width: 95%;
    width: 100%;
    text-align: center;
    opacity: 0;
    z-index: 2;
} 
.tab2  .swiper-slide-active .tab2_tit{
    opacity: 1;
}
.tab2 .swiper-slide-active{
}
.tab2 .swiper-slide-next{
    padding-left: .6rem;
    align-items: flex-end;
    display: flex;
}
.tab2 .swiper-slide.swiper-slide-active .imgbox::before{
    opacity: 1;
}
.tab3{
    margin-left: 5%;
    position: relative;
    width: calc((100% - 2.8rem) - 5%);
}
.tab3 .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tab3 .item .left{
    width: 40%;
}
.tab3 .item .right{
    width: 50%;
    position: relative;
    text-align: center;
}


.tab3 .item .tit{
    color: #333333;
    line-height: 1.5;
}
.tab3 .item .desc{
    font-size: .18rem;
    color: #333333;
    line-height: 2;
    margin-top: .3rem;
}
.tab3 .item .ctit{
    font-size: .2rem;
    color: #333333;
    text-align: center;
    margin-top: .2rem;
}
.tab3 .item .right:hover .hover_box{
    transform: translate(-50%,-50%) scale(1);
    -webkit-transform: translate(-50%,-50%) scale(1);
    -moz-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    -o-transform: translate(-50%,-50%) scale(1);
}
.tab3 .hover_box{
    position: absolute;
    top: 50%;
    left:50%;
    width: 8rem;
    max-width: 100%;
    height: 4.4rem;
    background-color: rgba(255, 255, 255, .83);
    padding: 10%;
    box-shadow: 0 0 15px #e9ebed;
    transform: translate(-50%,-50%) scale(0);
    -webkit-transform: translate(-50%,-50%) scale(0);
    -moz-transform: translate(-50%,-50%) scale(0);
    -ms-transform: translate(-50%,-50%) scale(0);
    -o-transform: translate(-50%,-50%) scale(0);
    text-align: left;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.tab3 .hover_box .bg{
    position: absolute;
    left: 4%;
    top: 4%;
    right:4%;
    bottom: 4%;
    background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
}
.tab3 .hover_box .cmain{
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    z-index: 3;
}
.tab3 .hover_box .h_tit{
    line-height: 1.5;
    color: #333333;
}
.tab3 .hover_box .h_desc{
    font-size: .18rem;
    color: #b21e24;
    padding-bottom: .15rem;
    border-bottom: 1px solid #b21e24;
    padding-top: 2vw;
}
.tab3 .hover_box .lable{
    font-size: .18rem;
    color: #333333;
    line-height: 2;
    padding-left: 14px;
    position: relative;
}
.tab3 .hover_box .lables{
    margin-top: .2rem;
    max-height: 1.4rem;
    overflow-y: auto;
}

.tab3 .hover_box .lable::before{
    content: '';
    display: block;
    width: .05rem;
    height: .05rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #cccccc;
    position: absolute;
    left: 0;
    top: 0.12rem;
}

.tab3 .swiper-pagination{ width:90%; bottom:0;}
.tab3 .swiper-pagination-bullet-active{ background:#b21e24;}

.tab4{
    position: absolute;
    right: -.6rem;
    top: 0;
    bottom: 0;
    width: .5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.tab4 .dat1{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: .5rem;
    min-height: .5rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: .01rem solid #b21e24;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: .2rem 0;
}
.tab4 .dat_big{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}
.tab4 .dat_big::before{
    content: '';
    display: block;
    flex: 1;
    width: .02rem;
    background-color: #c3c6c7;
}
.tab4 .dat_big::after{
    content: '';
    display: block;
    flex: 1;
    width: .02rem;
    background-color: #c3c6c7;
}
.tab4 .swiper_box{
    
  
}
.tab4 .swiper_box .prev,
.tab4 .swiper_box .next{
    width: .1rem;
    height: .1rem;
    position: relative;
    cursor: pointer;
}
.tab4 .swiper_box .prev::before{
    content: '';
    display: block;
    position: absolute;
    top: 36%;
    border-bottom: 1px solid #b21e24;
    border-left: 1px solid #b21e24;
    right: 0.01rem;
    width: 0.06rem;
    height: 0.06rem;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.tab4 .swiper_box .next::before{
    content: '';
    display: block;
    position: absolute;
    top: 10%;
    border-bottom: 1px solid #b21e24;
    border-left: 1px solid #b21e24;
    right: 0.01rem;
    width: 0.06rem;
    height: 0.06rem;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.tab4 .swiper_box .pagination{
    margin: .03rem 0;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.tab4 .swiper-pagination-bullet{
    width: .09rem;
    height: .09rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: .01rem solid #b21e24;
    margin: 0 ;
    background-color: transparent;
    margin: .05rem 0;
}



.tab4 .dat2{
    display: flex;
    align-items: center;
    white-space: nowrap;
    justify-content: center;
    margin-top: .9rem;
}
.tab4 .dat2 .t1{
    font-size: .4rem;
    color: #b21e24;
    font-family:"HarmonyMedium";
    transform:translate(0,-.1rem);
    -webkit-transform:translate(0,-.1rem);
    -moz-transform:translate(0,-.1rem);
    -ms-transform:translate(0,-.1rem);
    -o-transform:translate(0,-.1rem);
    padding: 0 12px;
}
.tab4 .dat2 .t2{
    font-size: .24rem;
    color: #333333;
    transform:translate(0,.1rem);
    -webkit-transform:translate(0,.1rem);
    -moz-transform:translate(0,.1rem);
    -ms-transform:translate(0,.1rem);
    -o-transform:translate(0,.1rem);
    padding: 0 12px;
}
.tab4 .dat2 .t2::before{
    content: '';
    display: block;
    position: absolute;
    left: -3%;
    bottom: -48%;
    background-color: #cacbcc;
    width: .05rem;
    height: .8rem;
    transform: translate(0,0) rotate(30deg);
    -webkit-transform: translate(0,0) rotate(30deg);
    -moz-transform: translate(0,0) rotate(30deg);
    -ms-transform: translate(0,0) rotate(30deg);
    -o-transform: translate(0,0) rotate(30deg);
}
@media(max-width:1280px){
    .orand04 .tab_box {
        padding: 0.5rem 1.5rem .5rem .5rem;
    }
    .tab1 .item {
        padding: .3rem 0;
    }
}
@media(max-width:768px){
    .box4 .left .sale img {
        width: .5rem;
    }
    .orand03_swiper .item_tit {
        font-size: .24rem;
    }
    .orand03_swiper .swiper-slide:nth-child(2n+1),
    .orand03_swiper .swiper-slide:nth-child(2n){
        padding-left: 5%;
        padding-right: 5%;
    }
    .tab3 .item .right img{
        width: 3rem;
    }
    .tab3 .hover_box .h_tit {
        font-size: .28rem;
    }
    .tab3 .hover_box {
        padding: 7%;
    }
}
@media(max-width:640px){
    .orand04::before {
        opacity: 0;
        display: none;
    }
    .orand04 .tab1 {
        padding: 0 2%;
    }
    .orand04 .tab_box {
        flex-wrap: wrap;
    }
    .tab2 {
        width: 100%;
        height: auto;
    }
    .tab3 {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }
    .orand04 .tab_box {
        padding: 2%;
    }
    .tab4 {
        display: flex;
        width: 100%;
        position: static;
        padding: 4% 3%;
        flex-direction: unset;
    }
    .tab4 .dat_big {
        flex-direction: unset;
    }
    
    .tab4 .dat_big::before,
    .tab4 .dat_big::after{
        display:none;
    }
    .tab3 .item .tit{
        font-size: 18px;
    }
    
    .tab4 .swiper_box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: .4rem;
    }
    
    .tab4 .dat1 {
        width: 0.8rem;
    }
    
    .tab4 .swiper_box .pagination {display: none;}
    
    .tab4 .swiper_box .prev::before {
        transform: rotate(45deg);
        top: -38%;
        width: 8px;
        height: 8px;
        right: -.1rem;
    }
    
    .tab4 .swiper_box .next::before {
        transform: rotate(-135deg);
        top: -38%;
        width: 8px;
        height: 8px;
    }
    
    .tab4 .dat2 {
        margin-top: 0;
    }
    .tab3 .item {
        flex-wrap: wrap;
    }
    
    .tab3 .item .left {
        width: 100%;
    }
    
    .tab3 .item .right {
        width: 100%;
        margin-top: 15px;
    }
    
    .tab3 .item .right img {
        width: 50px;
    }
    
    .tab3 .item .desc {
        font-size: 12px;
    }
    
}

/* 侧边栏 */
.sidebar{
    transform: translateX(.4rem);
    width: .4rem;
    transition: all 0.5s; position: relative; z-index: 3;
}
.sidebar_right{ 
    position: fixed; overflow: hidden;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 10;
     display: flex;
     align-items: center;
     justify-content: center;
}
.sidebar_right .icon_arrow{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: .4rem; height: .4rem; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.1);}
.sidebar_right .icon_arrow i{ width: .3rem; height: .3rem; position: relative; display: inline-flex; align-items: center; justify-content: center;animation:right ease-in-out 3s infinite;}
.sidebar_right .icon_arrow i::before,
.sidebar_right .icon_arrow i::after{ content: ''; width: .12rem; height: .12rem; border:  solid #b21e24; border-width: 1px 1px 0 0; transform: rotate(45deg); }
@keyframes right{
    0%{ transform: translateX(-5px);}
    50%{transform: translateX(0);}
    100%{transform: translateX(-5px);}
}
.sidebar_right:hover{ overflow: initial;}
.sidebar_right:hover .sidebar{ transform: translateX(0);}
.list22 .item:first-child{
    border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -ms-border-radius: 10px 0 0 0;
    -o-border-radius: 10px 0 0 0;
}
.list22 .item:last-child{
    border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    -ms-border-radius: 0 0 0 10px;
    -o-border-radius: 0 0 0 10px;
}
.list22 .item:last-child .icon{
    background-color: #b21e24;
}

.list22 .icon{
    background-color: #fff;
    height: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list22 .icon img{
    max-width: 50%;
}
.list22 .icon .img1{
    display: block;
}
.list22 .icon .img2{
    display: none;
}
.list22 .item{
    position: relative;
}
.list22 .item:hover .icon{
    background-color: #b21e24;
}
.list22 .item:hover .img1{
    display: none;
}
.list22 .item:hover .img2{
    display: block;
}
.list22 .item:hover .wx_img{
    height: auto;
    opacity: 1;
}
.list22 .wx_img{
    position: absolute;
    right: 100%;
    width: 1.25rem;
    padding-right: .15rem;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    height: 0;
    overflow: hidden;
    opacity: 0;
}
.list22 .wx_box{
    position: relative;
}
.list22 .wx_box::before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom: 10px solid #fff;
    border-top: 0;
    z-index: 1;
    right: -.04rem;
    top: 50%;
    transform:  rotate(90deg) translate(0,-50%);
    -webkit-transform:  rotate(90deg) translate(0,-50%);
    -moz-transform:  rotate(90deg) translate(0,-50%);
    -ms-transform:  rotate(90deg) translate(0,-50%);
    -o-transform:  rotate(90deg) translate(0,-50%);
}


.single{
    padding: 5% 0;
}
.site01 {
    padding: 5% 0;
}
.site01 .list {
    display: flex;
    justify-content: space-between;
}
.site01 .item .ctit {
    font-size: 18px;
    position: relative;
    padding-bottom: 20px;
}
.site01 .item .ctit a {
    color: #333;
}
.site01 .item .clist .citem {
    margin-top: 25px;
}
.site01 .item .citem a {
    font-size: 16px;
    color: #555;
}
.site01 .item .ctit::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 25px;
    height: 2px;
    background-color: #b21e24;
}

@media(max-width:768px){
    .site01 .list{
        flex-wrap: wrap;
    }
    .site01 .item .ctit{
        display: inline-block;
    }
    .site01 .list .item{
        width: 33.33%;
        margin-bottom: 15px;
        text-align: center;
    }
}
@media(max-width:480px){
    .site01 .list .item{
        width: 50%;
    }
    .site01 .item .clist .citem {
        margin-top: 10px;
    }
    .site01 .item .citem a{
        font-size: 14px;
    }
    .site01 .item .ctit {
        font-size: 16px;
        padding-bottom: 10px;
    }
}


.notice{
    padding: 1rem 0;
}

.notice .title{
    margin-bottom: 70px;
    text-align: center;
} 
.notice .list{
    background-color: #f7f7f7;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-bottom: 80px;
    padding-bottom: 100px;
}
.notice .item{
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    padding: 40px 275px 40px 30px;
    display: block;
}
.notice .item .tit{
    font-size: 22px;
    color: #333333;
    position: relative;
    padding-left: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;

}
.notice .item .tit::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    width: 8px;
    height: 3px;
    background-color: #1c3f9b;
}

.notice .cbox{
    width: 230px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    font-size: 16px;
}
.notice .item .cbox .go {
    background-image: url(../images/more.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
}
.notice .item .cbox .time {
    color: #1c3f9b;
    position: relative;
}
.notice .item .cbox .time::before{
    content: '';
    display: block;
    position: absolute;
    right: -37%;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    width: 2px;
    height: 60%;
    background-color: #dadada;
}
.notice .item:hover{
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
}
.notice .item:hover .tit{
    color: #1c3f9b;
}
.notice .item:hover .cbox .go{
    background-image: url(../images/moreb.png);
    color: #1c3f9b;
}
.notice .item:hover .cbox{
    color: #1c3f9b;
}

@media (max-width:1459px){
    .notice .title{
        margin-bottom: 40px;
    } 
    .notice .list{
        margin-bottom: 40px;
        padding-bottom: 80px;
    }
}
@media (max-width:1024px){
    .notice .title{
        margin-bottom: 20px;
    } 
    .notice .item{
        padding: 20px 275px 20px 20px;
    }
    .notice .item .tit{
        font-size: 18px;
    }
   
    .notice .list{
        margin-bottom: 20px;
        padding-bottom: 40px;
    }
}
@media (max-width:768px){
    .notice .cbox{
        font-size: 14px;
    }
    .notice .cbox {
        width: 200px;
    }
    .notice{
        padding: 20px 0;
    }
}
@media (max-width:640px){
    .notice .item{
        padding: 20px 20px 35px;
    }
    .notice .cbox{
        position: absolute;
        bottom: 10px;
        right: 10px;
        top: unset;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    }
    .notice .item .tit {
        font-size: 16px;
    }
}



@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
}    
.brand02_swiper .item:hover .imgbox img {
    transform: scale(1.05);
}

.brand02_swiper .imgbox {
    overflow: hidden;
}

.brand02_swiper .item img {
    transition: all .5s;
}

.whir-feedback{
    display: none !important;
}

/*20240326*/
.orand03_swiper {
    position: relative;
}
.orand03_swiper .swiper-slide .item.item1::before {
    display: none;
}
.swctr .btn {
    position: absolute;
    top: 50%;
    margin-top: -1em;
    padding: 1em;
    z-index: 5;
    cursor: pointer;
    border-radius: 50%;
}

.swctr {
    font-size: 50px;
}

.swctr .btn:after {
    content: "";
    position: absolute;
    width: 26%;
    height: 26%;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    left: 37%;
    top: 37%;
    transform: rotate(45deg);
}

.swctr .btn.prev {
    left: 5%;
    transform: rotate(-180deg);
}

.swctr .btn.next {
    right: 5%;
    transform: translate(0,-2px);
}
@media(max-width:768px){
	.swctr {
    font-size: 25px;
    margin-top: 30px;
    text-align: center;
}

.swctr .btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
}
}